为什么我的所有 Select 选项 (Bootstrap HTML) 在 Chrome devtools 中显示为已选择，即使它们不是？

Question

我正在尝试确定我的 JS 代码或 Bootstrap 是否不正确。我似乎在 Android Chrome 浏览器上遇到问题，浏览器似乎不知道哪个 select 选项是 selected.

在桌面中 chrome 我注意到项目如下所示：

即使我只有一件 selected，它们似乎都设置了 "selected" 属性。

这只是 Chrome 开发工具的问题吗？ -- 项目显示不正确？ Bootstrap 对这些项目做了什么奇怪的事情吗？如果我运行在桌面 Chrome 上的以下 jQuery 然后它给我选择的（selected）项目但似乎在 Android Chrome:

$("#SiteListBox option:selected").text()

我正在尝试确定为什么会有任何差异。

Answer 1

看起来像是在为所有选项添加 selected 属性

检查代码中的以下行。

 var localOption = new Option(decodeURI(atob(item.Key)), decodeURI(atob(item.Key)), true, true);

祝你好运

Why do all of my Select Options (Bootstrap HTML) show as selected in Chrome devtools, even though they are not?