由于某些原因,向SELECT标记添加选项不会选择selected =’selected’属性选项,而是选择列表中的下一个选项.
请看上面的jfiddle.
在上面的示例中,应选择Car3,但在将选项附加到选择后选择Car4.
最佳答案
这是一个棘手(有趣)的问题.
如果您在不同浏览器上测试小提琴,您将看到所选值发生变化：Chrome(Car4),IE(Car3),Firefox(Car5).所以我对你的小提琴做了一点改变,以“证明一个理论”.您可以在此链接上看到更改：http://jsfiddle.net/j3oh6s3a/1/.我只在过滤器循环中添加了一个日志,因此我可以在每次迭代中看到所选元素：
if ($(this).is(":selected")) { console.log("Selected value = " + $(this).val()) };
现在这就是发生的事情(或者至少是我的理论)：一旦从列表中删除了所选元素,每个浏览器都会继续,但认为足以确定所选择的选项.在这种情况下,每个浏览器将以不同的方式继续：
>由于已删除所选选项,Chrome将自动(默认情况下)选择列表中剩余部分的第一个选项(Car4).将此选项发送到新列表时,会自动选择该选项,因为它比先前选择的选项更新.日志是：3,4.
> Internet Explorer不执行任何操作,并以相同的方式复制每个元素,而不关心它们是否被选中.原始选定值将是最终选定值(Car3).日志是：3.
> Firefox将像Chrome一样继续,但每次从列表中删除所选元素时,将选择其余元素的第一个选项.日志是：3,4,5,6,7,8,9,10,11,12;但是当列表中插入的最后一个选项是5时,它将是所选的选项.
我稍后会查看是否可以找到任何信息来获取此信息,但它必须是明天,因为这里有点晚了.
