为什么我的 select 字段事件处理程序在 Chrome/Android 中不起作用？

Question

问题是这样的

我有一个 select 选项，它在 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 你只需要定义一个函数来处理你的 <select> 标签的 onChange 事件属性。

1) 编辑您的 select 标签以插入此：myFunction(); 作为您的 onchange 事件。您的最终标签将如下所示：

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

2)定义如下函数来处理select变化：

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

如果你之前想尝试这个：https://jsfiddle.net/u3v5sj12/2/

最佳。

为什么我的 select 字段事件处理程序在 Chrome/Android 中不起作用？

Why doesn't my select field event handler work in Chrome/Android?

html

javascript

jquery

select

option