Question

我正在使用HTML数据列表，它在Chrome中运行良好。但是在 IE 中，它无法正常工作。

问题：选择任何选项后，它的末尾带有“ x”标记链接。理想情况下，它应采用所选值，但不采用。我们需要单击外面的某个地方，然后才能进入。

期望：需要一个触发值更改的功能，该功能目前无法顺利实现（因为需要单击外部某个地方才能使事件发生）。

这是我的示例代码：

    <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>

Answer 1

您当前拥有：

...

</body>

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

我认为这不是有效的HTML，它可能会使某些Web浏览器崩溃。尝试将<script>...</script>放在<body>...</body>中。

...

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

</body>
</html>

在IE 11中单击一下之后，html数据列表项没有变选定值

1 个答案: