jQuery選擇列表框是Web開發中經常用到的一種列表框。它可以讓用戶快速地從一個選項列表中選擇一項或多項。

蘋果香蕉草莓西瓜

上面是一個簡單的HTML代碼，展示了一個水果選擇列表框。接下來我們使用jQuery對它進行操作。

1. 獲取列表框的選中項

// 獲取選中項的值
var fruit = $("#fruitSelect").val();
// 獲取選中項的文本
var fruitText = $("#fruitSelect option:selected").text();

2. 設置列表框的選中項

// 通過值設置選中項
$("#fruitSelect").val("banana");
// 通過文本設置選中項
$("#fruitSelect option:contains('草莓')").prop('selected', true);

3. 禁用/啟用列表框

// 禁用列表框
$("#fruitSelect").prop('disabled', true);
// 啟用列表框
$("#fruitSelect").prop('disabled', false);

4. 添加/刪除選項

// 添加選項
$("#fruitSelect").append("桃子");
// 刪除選項
$("#fruitSelect option[value='watermelon']").remove();

5. 遍歷列表框中的每一項

$("#fruitSelect option").each(function() {
console.log($(this).val());
});

以上就是jQuery選擇列表框的基本操作，使用jQuery可以讓開發者更加方便快捷地操作列表框。