如何为两个或更多选项使用jQuery代码？

Question

如何为两个或更多选项使用jQuery代码？ 我的代码：

 


         
 
 
 

          
  
 
   

 
jQuery(document).ready(function($) { 
 
    jQuery('#select123' || '#select12').change(function() { 
 
    jQuery('.content123' || '.content13').hide(); 
 
    jQuery('#' + jQuery(this).val()).show(); 
 
    }).trigger("change"); 
 
});
 
   
div.content123,div.content13 { 
 
    display: none 
 
}
 
   
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="select123"> 
 
    \t <option value="content1" selected="selected">content1</option> 
 
    \t <option value="content2">content2</option> \t 
 
    </select> 
 

 
    <div id="content1" class="content123"> 
 
    \t text defult show 
 
    </div> 
 
    <div id="content2" class="content123"> 
 
    \t contentttttttt 
 
    </div> 
 

 
<select id="select12"> 
 
    \t <option value="content01" selected="selected">content1</option> 
 
    \t <option value="content02">content2</option> \t 
 
    </select> 
 

 
    <div id="content01" class="content13"> 
 
    \t text defult show 
 
    </div> 
 
    <div id="content02" class="content13"> 
 
    \t contentttttttt 
 
    </div>
 
  
         
 
 
 

 

Answer 1

jQuery('#select123, #select12')将选择两个元素。

多重选择器API

https://api.jquery.com/multiple-selector/