/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

1 vote253 views1 answer
Open new tab anhor tag
Html
2 votes168 views1 answer
How can i make that user cant input sonething textbx
Html
0 vote152 views1 answer
Get data from database html select option django
Html
0 vote154 views1 answer
How to align a link in a bootsrap navbar o the left
Html
15 votes150 views3 answers
Img tag
Html
0 vote159 views1 answer
Show and hide div tag based on checkbox selection using javaScript
Html
0 vote164 views1 answer
Ocultar div css
Html
1 vote159 views1 answer
Open markdown link in new tab
Html
0 vote150 views1 answer
Html personal website template
Html
0 vote149 views1 answer
Chakra ui center content table
Html