欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery讓下拉列表選中狀態

賈海顯1年前6瀏覽0評論

使用jQuery讓下拉列表選中狀態非常簡單。我們可以使用.val()方法來設置下拉列表的選中值。

//假設我們有一個下拉列表,id為“fruit”
<select id="fruit">
<option value="apple">蘋果</option>
<option value="banana">香蕉</option>
<option value="orange">橙子</option>
</select>
//現在我們想要設置香蕉為選中狀態,可以使用以下代碼:
$("#fruit").val("banana");

當然,如果我們想要讓下拉列表選中的不是固定的值,而是根據某些條件進行動態設置,也可以使用.val()方法來實現。

//假設我們有一個數據列表,id為“data”,其中有一個下拉列表,id為“fruit”
//我們想要根據數據列表中的某一列的值,動態設置下拉列表的選中值
//假設我們獲取到了需要選中的值,保存在變量selectedValue中
var selectedValue = "banana";
//根據這個值動態設置下拉列表的選中狀態
$("#data tr").each(function(){
if($(this).find("td:eq(1)").text() == selectedValue){
$("#fruit").val($(this).find("td:eq(2)").text());
}
});

以上代碼中,我們首先遍歷數據列表中的每一行,找到選中值對應的行,并獲取該行上對應下拉列表的值,最后使用.val()方法設置選中狀態。