/Html/HOW TO PERFORM AN ACTION AN OPTION IS CLICKED IN DROP DOWN

HOW TO PERFORM AN ACTION AN OPTION IS CLICKED IN DROP DOWN

<select id="dropdown" onChange="showHide()">

    <option value="A">option1</option>
    <option value="B">option2</option>
    <option value="C">option3</option>
    <option value="D">option4</option>
</select>


 function showHide()
 {
   hideAll();
  var val = document.getElementById("dropdown").value;

  if(val == "A")
   document.getElementById("firstTextBoxId").style.display = 'block';
  else if(val == "B")
   document.getElementById("secondTextBoxId").style.display = 'block';
  else if(val == "C")
   document.getElementById("ThirdTextBoxId").style.display = 'block';
  else if(val == "D")
   document.getElementById("FourthTextBoxId").style.display = 'block';

}


function hideAll()
   {
      document.getElementById("firstTextBoxId").style.display = 'none';
      document.getElementById("secondTextBoxId").style.display = 'none';
      document.getElementById("thirdTextBoxId").style.display = 'none';
      document.getElementById("fourthTextBoxId").style.display = 'none';

    }

Source: stackoverflow.com

Similar codes

0 vote121 views1 answer
Relative vs absolute path html
Html
18 votes98 views4 answers
Link with no link html
Html
-1 vote111 views4 answers
Bootsrap 4 6 cdn
Html
0 vote73 views1 answer
Card.co
Html
0 vote105 views1 answer
Text without html laravel function
Html
0 vote120 views3 answers
Input adresse ville automatique
Html
7 votes108 views4 answers
Html example
Html
0 vote109 views1 answer
Why there's a default margin in html <body>
Html
0 vote104 views1 answer
Remove blank rows in html vs code
Html
65 votes121 views6 answers
How to add links to html
Html