为什么我的选择字段事件处理程序不适用于Chrome / Android？

Question

问题是这个。

我有一个选择选项，适用于PC但不适用于Android上的Chrome浏览器。

有什么不对？

我的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和纯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/

最好。