使用(jquery) 实现select 对option 的动态选中

在对option 根据不同数据进行动态选中时,在网上查看资料发现很多都是使用 jQuery 的attr 方法来进行选中,实现代码如下

$("#id option[value='value']").removeAttr("selected");//根据值去除选中状态 

$("#id option[value='"+data+"']").attr("selected","selected"); //根据值让option选中  

但是在实际使用中发现,如果进行多次选值后,有多个option出现selected的状态,从而使动态选中出错

具体原因不是很明确。
最后没有使用jQuery的attr 方法 ,改用val()方法解决问题

   if ($('#id').val() != data) {  //这里主要是判断需要选中的值是否和已选中的值相同 (可以省略)
        $("select[name^='id']").val(data);
    }
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值