Question

我在代码中使用select2 jQuery搜索下拉菜单，但是当我使用它时，onchange事件不起作用。

我的代码是：

<script>
$('#regno').on("change", function (e) {
    alert('hello');
})
 </script>
 <div>
      <label>Registration No.</label>
                        <select id=\"regno\" name=\"regno\" class=\"form- control select2 \" aria-hidden=\"true\">
       <option value="0">Select</option>
       <option value="1">Phoenix Beverages</option>
       </select>
       </div>

<script>
$('.select2').select2();
</script>

请指导我如何解决此问题。

Answer 1

请查看select2's documentation。

要实现您的目标，您首先应该找到select2元素，让jQuery将其识别为select2元素，然后为change事件编写代码。

var $eventSelect = $("#regno");

$eventSelect.select2();

$eventSelect.on("change", function(e) {
    // insert your code here
});

编辑：您几乎使它工作了。 jQuery代码的顺序不正确。

在基于搜索的下拉菜单中如何使用onchange事件

1 个答案: