JSFiddle - React, Tailwind, and code Playground

by nickolsky

HTML

<div>
  Upload file: <input type=file>
</div>
<div>
  <select id='action'>
    <option value='reprocess'>Reprocess</option>
    <option value='replace'>Replace</option>
    <option value='regex-replace'>Regex Replace</option>
  </select>
</div>

<div class='extras opt-replace' style='display:none'>
  Search string: <input type="text">
</div>
<div class='extras opt-replace' style='display:none'>
  Replace string: <input type="text">
</div>


<div class='extras opt-regex-replace' style='display:none'>
  Search string: <input type="text">
</div>
<div class='extras opt-regex-replace' style='display:none'>
  Replace string: <input type="text">
</div>

JavaScript

$("#action").change(function() {
	$(".extras").hide();
  console.log($(this).val());
  $(".opt-" + $(this).val()).show();
});