由于某些原因,向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时,它将是所选的选项.
我稍后会查看是否可以找到任何信息来获取此信息,但它必须是明天,因为这里有点晚了.
原文地址:https://www.jb51.cc/html/426537.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。