jQuery select change show/hide div event

by

Use following JQuery. Demo

$(function() {
    $('#row_dim').hide(); 
    $('#type').change(function(){
        if($('#type').val() == 'parcel') {
            $('#row_dim').show(); 
        } else {
            $('#row_dim').hide(); 
        } 
    });
});

More Related Contents:

  1. Hide/Show Column in a HTML Table
  2. PLEASE assist me.. RE: *FORM FIELDS* I want to Hide() my "type=text box" until the Other option is chosen in the dropdown option
  3. Use jQuery to hide a DIV when the user clicks outside of it
  4. Hide div if screen is smaller than a certain width
  5. Show welcome div only once per user / browser session
  6. jQuery show for 5 seconds then hide
  7. How to change the bootstrap css width into 1000px? [closed]
  8. Prevent users from submitting a form by hitting Enter
  9. How to allow only numeric (0-9) in HTML inputbox using jQuery?
  10. Click button copy to clipboard
  11. Selecting element by data attribute with jQuery
  12. Change the image source on rollover using jQuery
  13. Get checkbox value in jQuery
  14. Show div on scrollDown after 800px
  15. What is the easiest way to disable/enable buttons and links (jQuery + Bootstrap)
  16. Set selected option of select box
  17. Submit form with Enter key without submit button? [duplicate]
  18. jQuery find element by data attribute value
  19. .autocomplete is not a function Error
  20. How to fade loop background images?
  21. Why is z-index ignored with position:static?
  22. Access Multiple Elements of same ID in jQuery
  23. Limit number of characters in input field
  24. Bootstrap CSS Active Navigation
  25. HTML5 validation before ajax submit
  26. JQM (jQueryMobile) Dynamically added elements not displaying correctly and CSS is not applied
  27. Wrap elements inside a div using jQuery
  28. jQuery html attribute not working in IE
  29. Force a checkbox to always submit, even when unchecked
  30. How can I change text after time using jQuery?

Leave a Comment