Firefox（36？）不要 select 两次更改 "select" 属性的选项

Question

先举个例子

$opt = $("option").not(":first");
console.log($opt);    


$button = $(".control div");

$button.click(function(ev){
    var id = $(ev.target).index();
    $opt.removeAttr("selected");
    $opt.eq(id).attr("selected", "selected");
})

与Chrome 如果您单击其中一个 A/B/C 框，上面的 select 将根据您的操作更改 selected 选项。您可以随意点击，一切正常。

FF36 如果您点击同一个按钮两次，浏览器似乎无法重新select正确的选项。

FF 错误？我的错误？有什么建议吗？谢谢

Answer 1

selected属性主要用来设置初始值，运行时设置selected属性值是安全的

$button.click(function(ev){
    var id = $(ev.target).index();
    $opt.eq(id).prop("selected", true);
})

演示：Fiddle

Firefox（36？）不要 select 两次更改 "select" 属性的选项

Firefox (36?) don't select twice an option changing the "select" attribute

javascript

jquery

html-select

option