Firefox（36？）不会选择两次更改＆＃34;选择＆＃34;属性

Question

首先是这里的例子

http://jsfiddle.net/93m1agha/

$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框，则上面的选择将根据您的操作更改所选选项。您可以根据需要单击，一切都可以正常工作。

使用FF36 如果您单击两次相同的按钮，则浏览器似乎无法重新选择正确的选项。

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

Answer 1

所选属性主要用于设置初始值，在运行时可以安全地设置所选属性值

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

演示：Fiddle