Show and hide html element on selected option change

Question

In a JSP page, I have a dropdown list. When the first element of the list is selected, I want a text area to show right on click. I\'m new to Javascript/Jquery, so I\'m obvi

Answer 1

1. Use jQuery.

2. Remove onchange="change()" function from

   
   
   Look for change event, on your select element.
   
   $('#show').on('change', function () {
      var optionSelected = $("option:selected", this);
      var valueSelected = this.value;
      if(valueSelected == 1){
          $("#text_area").show();
      } else {
          $("#text_area").hide();
      }
   });
   
   
   
   Fiddle
       
   
                
   
                                                           
               
               
   
                 
                   
                   0
                 
                      
                   
                  讨论(0)
                 
                                                     
                 
                 
   
                             
                
          
             
                 
                                          
   
        查看其它10个回答
   
   
               
                            
   
                       
   
   
   
                  
               
   
       发布评论: