JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<div id="tips"></div>
<select class="chosen-select" style="width:290px;" name="option">
    <option value="1">change background colour</option>
    <option value="2">insert text</option>
    <option value="3">insert arrow</option>
</select>

JavaScript

$('.chosen-select').on('change', function () {
      if ($('.chosen-select').val() == '1') {
          $("#tips").html("the color that you want to add.");
      } else if ($('.chosen-select').val() == '2') {
          $("#tips").html("the text that you want to add.");
      }
  });