How can I show a hidden div when a select option is selected?

by

try this:

function showDiv(divId, element)
{
    document.getElementById(divId).style.display = element.value == 1 ? 'block' : 'none';
}
#hidden_div {
    display: none;
}
<select id="test" name="form_select" onchange="showDiv('hidden_div', this)">
   <option value="0">No</option>
   <option value="1">Yes</option>
</select>
<div id="hidden_div">This is a hidden div</div>

More Related Contents:

  1. Why calling setState method doesn’t mutate the state immediately?
  2. How do I add a simple onClick event handler to a canvas element?
  3. How can I capture the right-click event in JavaScript? [duplicate]
  4. Handling “onclick” event with pure JavaScript
  5. submit event does not fire if submit initiated programmatically
  6. visibilitychange event is not triggered when switching program/window with ALT+TAB or clicking in taskbar
  7. Javascript click event handler – how do I get the reference to the clicked item?
  8. button onclick function firing twice
  9. Input type="text" with select functionality after clicking on Input type="text"
  10. how i can connect and login in mysql localhost in php by using this html code
  11. Are HTML comments inside script tags a best practice? [closed]
  12. Can I use HTML tags in the options for select elements? [duplicate]
  13. How to scroll to an element inside a div?
  14. How to get pseudo element?
  15. Getting value of HTML Checkbox from onclick/onchange events
  16. Prevent contenteditable adding on ENTER – Chrome
  17. input type=file show only button
  18. Get value of input field inside an iframe
  19. Understanding Cross-Domain issue in Iframes
  20. How to change HTML Object element data attribute value in javascript
  21. how to add new to onclick with javascript
  22. Possible to associate label with checkbox without using “for=id”?
  23. Remove specific HTML tag with its content from javascript string
  24. Why does HTML Canvas getImageData() not return the exact same values that were just set?
  25. How to change a value from JavaScript
  26. How to determine which html page element has focus? [duplicate]
  27. How to submit a form when the return key is pressed?
  28. How to scroll to an element in jQuery?
  29. How to create a collapsing tree table in html/css/js?
  30. Jquery change text between two elements

Leave a Comment