码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-05-11 20:11:38      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:option   on()   cli   fun   cti   color   出现   下拉框选中   设置   

基于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>设置选中项的一个问题

标签:option   on()   cli   fun   cti   color   出现   下拉框选中   设置   

原文地址:https://www.cnblogs.com/imbasaber/p/9025931.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!