为什么我的选择字段事件处理程序不能在Chrome / Android中工作?

时间:2019-02-13 02:11:12

标签: javascript jquery html select option

问题是这个。

我有一个选择选项,该选项在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我不需要这个。

1 个答案:

答案 0 :(得分:2)

在纯净的JavaScript中,您只需定义一个函数即可处理onChange标签的<select>事件属性。

1)编辑您的 select 标签以插入以下内容: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/

最好。