使用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()方法設置選中狀態。
上一篇div ap css