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

最新推荐文章于 2024-04-09 08:25:39 发布

转载最新推荐文章于 2024-04-09 08:25:39 发布 · 382 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/imbasaber/p/9025931.html

标签

#javascript #ViewUI

收录于

本文探讨了使用jQuery设置下拉框选中项的两种方法：通过select.val()和option:eq(index).attr('selected', 'selected')。指出第二种方法在多次调用时存在失效问题，并推荐使用第一种方法。

下拉框<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>