Question

这是我正在尝试js小提琴的简单代码：

<select id="test">
  <option value="">select</option>
  <option class="pid">1</option>
  <option class="pid">2</option>
  <option class="pid">3</option>
  <option class="pid">4</option>
</select>

$(function () {
    $(document).on('click', '.pid', function () {
       alert('here');
    });
});

点击http://jsfiddle.net/QRVSw/16/

Answer 1

点击事件适用于整个select元素，而不适用于各个选项。此外，最好使用{/ 1}}事件在进行选择后触发，而change事件则会在您点击后立即触发。

此外，您不需要包装代码来为OnReady准备它。通过此click调用，您可以将事件绑定到已经可用的文档，即使选择对象本身尚未存在。

因此，您的代码可以简化（并且可以正常工作）：

on

$(document).on('change', '#test', function () { alert('here'); });

Answer 2

您可以尝试将onchange事件用于选择元素：

$(function () {
    $(document).on('change', '#test', function () {
       alert('here');
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="test">
  <option value="">select</option>
  <option class="pid">1</option>
  <option class="pid">2</option>
  <option class="pid">3</option>
  <option class="pid">4</option>
</select>

$（文件）.on（＆＃39;点击＆＃39;无法使用Chrome

2 个答案: