在網站開發中,下拉框是很常見的表單控件,但有些場景下需要禁用下拉框的選項,這時候就需要用到jQuery來實現。
// 禁用下拉框所有選項 $("select option").prop("disabled", true); // 禁用指定選項 $("select option[value='2']").prop("disabled", true);
首先,通過$("select option"),獲取到下拉框內的所有選項,再通過.prop("disabled", true),將所有選項設置為不可選。如果需要禁用指定選項,可以通過$("select option[value='2']")來定位到對應的選項,然后再設置為不可選。
除了禁用選項,也可以通過jQuery來設置下拉框的默認選項,或者設置下拉框選項的值等等,使其更加符合業務需求。