Почему мой обработчик событий select field не работает в Chrome / Android?

Question

проблема в следующем.

У меня есть опции выбора, которые хорошо работают на ПК, но не в браузере Chrome на Android.

Что может быть не так?

Мой HTML:

<select id='Button' class='' name='' onchange='' data-native-menu="true">
  <option value="hello">Hello</option>
  <option value="stack">Stack</option>
  <option value="overflow">Overflow</option>
</select>

Мой jQuery:

$("#Button").on("click","option",function() {
    var va = $(this).val();
    alert(va);
});

Мой jsFiddle:

https://jsfiddle.net/h4g3cfrn/4/

Примечание: мне не нужно это вэто дело $("#Element").change(function() { // *** Anywhere.

Answer 1

В простом и чистом JavaScript вам нужно только определить функцию для работы с атрибутом события onChange вашего тега <select>.

1) отредактировать выберите тег , чтобы вставить это: myFunction(); как ваше onchange событие.Ваш последний тег будет выглядеть следующим образом:

<select id='Button' class='' name='' onchange='myFunction();' data-native-menu="true">

2) определите следующую функцию для работы с выбранными изменениями:

<script>
function myFunction() {
  var myVar = document.getElementById("Button").value;
  alert(myVar);
}
</script>

Если вы хотите попробоватьэто раньше: https://jsfiddle.net/u3v5sj12/2/

Best.