/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 vote320 views1 answer
Js socket.io chatap
Html
3 votes308 views1 answer
P5 cdn
Html
6 votes317 views4 answers
Sweetalert2 cdn
Html
38 votes349 views5 answers
Roboto
Html
0 vote297 views1 answer
## File * [random-numbers-unsolved](Unsolved/random-numbers-unsolved.html) ### Instructions * Research how to improve on Math.random() to generate a random whole number between 1 and 10 instead of a random decimal number
Html
38 votes358 views6 answers
Iframe in html
Html
1 vote324 views1 answer
Chrome mobile color address bar
Html
0 vote362 views1 answer
Div tag in html
Html
-2 votes350 views2 answers
How to use input type file and show selected file on screen
Html
0 vote323 views1 answer
How to stop text in html from becoming a link
Html