您的位置:首页 > Web前端 > JQuery

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

2017-12-14 14:37 621 查看
在对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);
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: