Элемент html datalist не получает измененное выбранное значение после одного клика в IE 11 - PullRequest
Новая
       12

Элемент html datalist не получает измененное выбранное значение после одного клика в IE 11

0 голосов
/ 25 сентября 2018

Я использую HTML Datalist, он хорошо работает в 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>

1 Ответ

0 голосов
/ 25 сентября 2018

В настоящее время у вас есть: 

...

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