时间戳

首页 > 解决方案 > 在 IE 11 中单击后，html datalist 项未更改所选值

jquery - 在 IE 11 中单击后，html datalist 项未更改所选值

问题描述

我正在使用 HTML Datalist，它在 Chrome 中运行良好。但在IE中，它没有按预期工作。

问题：选择任何选项后，最后都会带有一个带有“x”标签的链接。理想情况下，它应该采用选定的值，但它没有采用。我们需要点击外面的某个地方，然后它就开始了。

期望：需要一个触发值的onchange的功能，目前无法顺利实现（因为它需要点击外面的某个地方才能让事件发生）。

这是我的示例代码：

    <html>
    <body>

    <form>
      <input list="browsers" name="browser" onchange="callFunction()">
      <datalist id="browsers">
        <option value="Internet Explorer">
        <option value="Firefox">
        <option value="Chrome">
        <option value="Opera">
        <option value="Safari">
      </datalist>
    </form>
    </body>

<script>
function callFunction(){
alert("onchange got triggered");
}
</script>
    </html>

标签： jqueryhtmldropdownhtml-datalist

解决方案

您目前拥有：

...

</body>

<script>
function callFunction(){
alert("onchange got triggered");
}
</script>
</html>

我不相信这是有效的 HTML，它可能会绊倒某些网络浏览器。试着把<script>...</script>里面<body>...</body>。

...

<script>
function callFunction(){
alert("onchange got triggered");
}
</script>

</body>
</html>

推荐阅读