JSFiddle - React, Tailwind, and code Playground

HTML

<form>
<div class="row"><label>Name</label><input type="text" id="name">
<div class="row">
  <select name="reason" type="select" id="reason">
    <option value="none">-- Select --</option>
    <option value="red">red</option>
    <option value="blue">blue</option>
    <option value="green">green</option>
  </select>
</div>

<div id="divQuestion" class="row">
  <label id="lblQuestion"></label><input type="text" id="inputQuestion">
</div>
<div class="row">
  <input type="submit" value="Submit">
</div>
</form>

CSS

#divQuestion {display:none}

JavaScript

$(function() {
    $('#reason').change(function() {
      $('#divQuestion').show();
      var selection;
      selection = $('#reason').val()
      switch (selection) {
        case "red":
          $('#lblQuestion').html("Why do you like Red?");
          break;
        case "blue":
          $('#lblQuestion').html("Why do you like Blue?");
          break;
        case "green":
          $('#lblQuestion').html("Why do you like Green?");
          break;
        case "none":
          $('#divQuestion').hide();
          break;
      }
    });
});