多选框 Jquery 1.7 在 IE 中不起作用

【问题标题】：Mulit select box Jquery 1.7 doesn't work in IE多选框 Jquery 1.7 在 IE 中不起作用
【发布时间】：2023-03-09 09:42:01
【问题描述】：

我有如下多选框

    <select id="ccListSelect" name="ccListSelect" multiple="true" width="50">
    <option value="1">1111</option>
    <option value="2">2222</option>
    <option value="3">3333</option>
    </select>

以下 jquery 代码 (1.7.2) 在 Chrome 中有效，但在 IE 中无效

    $.each($("#ccListSelect option:selected"), function(){            
        alert($(this).val());
        
    });

我在下面尝试过也不能在 IE 中工作。铬没问题。

$("#ccListSelect").click(function() {
    var v=$(this).val();
      alert(v);
    });

任何建议表示赞赏

【问题讨论】：

标签： jquery google-chrome internet-explorer selectedvalue jquery-ui-multiselect

【解决方案1】：

我尝试使用 IE 11 浏览器测试您的代码，它在我这边运行良好。

我还使用 IE 10、IE 9、IE 8、IE 7 和 IE 5 等其他文档模式测试了代码。一切正常。

测试代码：

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
      $.each($("#ccListSelect option:selected"), function(){            
        alert($(this).val());        
    });
  });
});
</script>
</head>
<body>
 <select id="ccListSelect" name="ccListSelect" multiple="true" width="50">
    <option value="1">1111</option>
    <option value="2">2222</option>
    <option value="3">3333</option>
 </select>
<button>Click me</button>
</body>
</html>

IE 11 中的输出：

如果问题仍然存在，请尝试检查控制台中的错误消息。问题可能是由其他一些代码引起的。您也可以尝试直接在 IE 浏览器中运行我上面的示例来检查结果。它可以帮助您缩小问题范围。

【讨论】：