爲什麼我的所有選擇選項（Bootstrap HTML）都顯示爲在Chrome開發工具中選定的，即使它們不是？

我試圖確定我的JS代碼或Bootstrap是否不正確。我似乎在Android Chrome瀏覽器中出現問題，瀏覽器似乎不知道選擇了哪個選項。爲什麼我的所有選擇選項（Bootstrap HTML）都顯示爲在Chrome開發工具中選定的，即使它們不是？

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

即使我只有一個項目選擇，他們似乎都在「選擇」屬性設置。

這是Chrome Dev Tool的問題嗎？ - 不正確地顯示項目？ Bootstrap會對這些物品做些什麼嗎？如果我運行在桌面上的Chrome以下的jQuery然後它給我的選擇（選擇）項目，但似乎無法在Android瀏覽器：

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

我試圖確定爲什麼沒有任何區別。

來源

2017-10-18 raddevus

我們可以看到代碼嗎？因爲它看起來像東西添加選項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);

好運

來源

2017-10-19 14:40:23

爲什麼我的所有選擇選項（Bootstrap HTML）都顯示爲在Chrome開發工具中選定的，即使它們不是？

回答

相關問題