JSFiddle - React, Tailwind, and code Playground

by Lal Prakash

HTML

<select id="id1" onchange="myFunction()">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
      
</select>
<select id="id2">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
      
</select>

CSS

#id2{
    display:none;
}

JavaScript

function myFunction() {

    var x = document.getElementById("id1").value;
  
    if(x=="3")
        document.getElementById("id2").style.display="block";

}