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
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.