为什么我必须在 IE 中单击两次选择框选项才能让它消失？

Question

我的页面上有一个选择框，它在除 IE 之外的所有浏览器中都运行良好。我已经在 8 和 9 上进行了测试，我也遇到了同样的问题。当我单击一个选项时， .change() 事件会触发，就像它应该的那样，但是在我再次单击之前，选项不会消失（奇怪的是 不会触发 click 事件） ，或在选择框外单击。这对我来说没问题，因为我使用的是 chrome，但我的大部分用户都使用 IE8。

这是 .change() 函数：

$('#configEquipDesc').change(function () {
            alert($(this).val());
            if ($(this).val() != 'unselected') {
                ajaxGetConfig($(this).val());
            }
        });

这是选择的 HTML。

<select name="configEquipDesc" id="configEquipDesc" data-native-menu="false" data-inline="true" class="configMenuEquip">
     <option value="unselected" data-placeholder="true">Inspection</option>
</select>

使用 ajax 添加了更多选项，并且一切都完美无缺。

Answer 1

如果这是一个动态创建的选择框，我怀疑它是，你需要使用延迟。尝试将您的 jQuery 更改为：

$('body').on('change','#configEquipDesc', function () {
    ajaxGetConfig($('option:selected', this).val());
});

看看能不能解决你的问题。

EDIT - 您正在尝试获取 selected option 的值，对吗？不是选择语句本身。所以，这里有一个小技巧，可以只抓取选定的选项并将其发送到您的 ajaxGetConfig() 函数！！