为什么我的所有选择选项（Bootstrap HTML）都显示为在Chrome开发工具中选定的，即使它们不是？

问题描述：

我试图确定我的JS代码或Bootstrap是否不正确。我似乎在Android Chrome浏览器中出现问题，浏览器似乎不知道选择了哪个选项。为什么我的所有选择选项（Bootstrap HTML）都显示为在Chrome开发工具中选定的，即使它们不是？

在桌面版Chrome，我注意到，项目如下所示：

即使我只有一个项目选择，他们似乎都在“选择”属性设置。

这是Chrome Dev Tool的问题吗？ - 不正确地显示项目？ Bootstrap会对这些物品做些什么吗？如果我运行在桌面上的Chrome以下的jQuery然后它给我的选择（选择）项目，但似乎无法在Android浏览器：

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

我试图确定为什么没有任何区别。

我们可以看到代码吗？因为它看起来像东西添加选项attr –

感谢您的意见/问题。我会翻阅并尝试添加适当的部分，但这是一个有点大的SPA的一部分。此外，代码不是超级干净（脸红）。这是我在github上托管的开源项目（https://github.com/raddevus/CYaPass-Web），所以如果你愿意，你可以在那里查看代码---但是就像我说的那样，包含一些笨拙的代码。 – raddevus

好的，你帮我找到了。（decodeURI（atob（item.Key）），decodeURI（atob（item.Key）），true，true）; var localOption = new Option 我将所添加的选项的每个项目设置为true，并将true设置为selected。 – raddevus

答

它看起来像是添加selected ATTR到所有选项

检查你的代码下面一行。

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

好运

为什么我的所有选择选项（Bootstrap HTML）都显示为在Chrome开发工具中选定的，即使它们不是？

相关推荐