Jquery是一種非常流行的JavaScript庫,可以方便地操作HTML文檔,其中包括遍歷多個select選中的功能。
$('select').each(function(){ var selectedValue = $(this).val(); console.log(selectedValue); });
上述代碼使用了Jquery的each函數,遍歷所有的select元素,并獲取其當前選中的值。
如果需要同時遍歷多個選中的值,可以使用Jquery的選擇器來獲取所有選中的元素,并使用each函數來遍歷,例如:
$('select option:selected').each(function(){ var selectedValue = $(this).val(); console.log(selectedValue); });
上述代碼先使用選擇器獲取所有選中的option元素,再使用each函數遍歷每一個選中的元素,并獲取其值。
在實際項目中,我們可能需要根據選中的值進行一些特定的操作,例如根據選中的值顯示不同的內容等等??梢允褂妙愃迫缦碌拇a來實現:
$('select').change(function(){ var selectedValue = $(this).val(); if(selectedValue === 'A'){ $('#contentA').show(); $('#contentB').hide(); } else if (selectedValue === 'B'){ $('#contentA').hide(); $('#contentB').show(); } else { $('#contentA').hide(); $('#contentB').hide(); } });
上述代碼使用了change事件監聽select元素的值變化,根據不同的選中值來顯示不同的內容。