為什么我的選擇字段事件處理程序不能在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中，您只需要定義一個函數來處理<select>標記的onChange事件屬性。

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/

最好。