JSFiddle - React, Tailwind, and code Playground

by Tiago Crizanto

HTML

<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<body>
<p>
<select id="q1">
  <option value="">Select...</option>
  <option value="volvo">1</option>
  <option value="saab">2</option>
  <option value="opel">3</option>
</select>
</p>
<p>
<select id="q2">
  <option value="">Select...</option>
  <option value="volvo">4</option>
  <option value="saab">5</option>
  <option value="opel">6</option>
</select>
</p>
<p>
<select id="q3">
  <option value="">Select...</option>
  <option value="volvo">7</option>
  <option value="saab">8</option>
  <option value="opel">9</option>
</select>
</p>
</body>

JavaScript

$(function(){
  $("#q1").change(function(){
  	if($("#q2 option")[0].value == "")
			$("#q2 option")[0].remove();
  });
  $("#q2").change(function(){
		if($("#q3 option")[0].value == "")
			$("#q3 option")[0].remove();
  });
});