今天我們來講一下使用jQuery選擇下拉框選中的方法。
// 通過value選中下拉框 $("#selectId").val("value"); // 通過text選中下拉框 $("#selectId").find("option:contains('text')").prop("selected",true); // 通過索引選中下拉框 $("#selectId")[0].selectedIndex = index;
以上代碼分別是使用value值、文本值和索引值來選中下拉框的方法。需要注意的是,如果要選中的值不存在,會將下拉框的值設置為null。
除此之外,我們還可以對選中下拉框后的事件進行處理,示例如下:
// 監聽下拉框選中事件 $("#selectId").change(function(){ // 獲取選中的值 var selectedValue = $(this).val(); // do something... });
通過監聽下拉框的change事件,我們可以在下拉框的選中值改變時執行相應的操作,比如根據選中的值切換顯示不同的內容。