下拉框<select>设置选中项的一个问题

基于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失效的情况

猜你喜欢

转载自www.cnblogs.com/imbasaber/p/9025931.html
今日推荐