下拉框<select>設置選中項的一個問題
阿新 • • 發佈:2018-05-11
pan 兩種 option code 下拉框 color 出現 sele click
基於jQuery,有兩種方式設置下拉
1、$("select").val(); 2、$("option:eq(1)").attr("selected","selected");
方法2有個問題就是只能設置一次下拉框,重復調用設置失效
<script> $(function(){ }); function sltOpt(){ $("select").val(1); } function sltOpt2(i){ var a = "option:eq("+i+")" $(a).attr("selected",true); } </script> <button onclick="sltOpt()" id="btn0">val()設置為1</button> <button onclick="sltOpt2(1)" id="btn1">select()設置為1</button> <button onclick="sltOpt2(2)" id="btn2">select()設置為2</button> <select> <option value=0>0</option> <option value=1>1</option> <option value=2>2</option> <option value=3>3</option> </select>
當點擊btn1的時候下拉框選中1,再點擊btn2時下拉框選擇2,當再點擊btn1時下拉框選中狀態沒改變還是2,當手動選擇下拉框為3後,再點擊btn2下拉框也沒反應
下拉框選擇設置還是用
$("select").val();
好些,不會出現方法2失效的情況
下拉框<select>設置選中項的一個問題