1. 程式人生 > >下拉框<select>設置選中項的一個問題

下拉框<select>設置選中項的一個問題

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>設置選中項的一個問題