Question

我试图绑定onclick以选择带有select2初始化的输入元素。

我希望在单击或集中下拉列表时绑定处理程序。

<select class="form-control" id="type" name="type" required="required">
    <option value="breakfast" <?= ($type == 'breakfast')? 'selected' : '';?>>Breakfast</option>
    <option value="snacks" <?= ($type == 'snacks')? 'selected' : '';?>>Snacks</option>
</select>

这是js部分：

$('#type').select2({}).on("select2-selecting", function(e) {
    console.log('not working');
});

我也尝试过“ select2-open/opening”，但无济于事。如何使事件绑定起作用？

Answer 1

在您使用的3.5.1版本中，应使用`my message${response}<option value="100">Break</option>`而不是select2-selecting：

select2:selecting

$('#type').select2({}).on("select2-selecting", function(e) {
    console.log('not working');
});

$('#type').select2({});

$('#type').on("select2-opening", function(e) {
  console.log('Opening');
});
$('#type').on("select2-selecting", function(e) {
  console.log('Selecting');
});

Answer 2

对于4.0及更高版本，您可以在下面使用。

$('#yourselect').on("select2:select", function(e) { 
   // what you would like to happen
});

如何在select2上调用onclick事件

2 个答案: