简体   繁体   中英

How do I use a jQuery code for two or more options?

How do I use a jQuery code for two or more options? My code :

 
 
 
   
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">
    	<option value="content1" selected="selected">content1</option>
    	<option value="content2">content2</option>	
    </select>

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

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

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

jQuery('#select123, #select12') will select both elements.

Multiple-Selector API

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

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM