Question

我正在使用Chosen插件，并希望在点击“X”或关闭li项目时捕获事件。但是，事件似乎没有被解雇或被抓住。

$(document).on('click', 'a.search-choice-close', function(e){
    alert('asd');
  });

这是HTML：

<ul class="chosen-choices">
<li class="search-choice">
<span>a</span>
<a class="search-choice-close" data-option-array-index="0"></a>
</li>
<li class="search-choice">
<span>asd</span>
<a class="search-choice-close" data-option-array-index="1"></a>
</li>
<li class="search-field">
<input value="Choose Stamps" class="" autocomplete="off" style="width: 25px;" type="text">
</li>
</ul>

Answer 1

所选文档描述了Triggered Events

要在＆＃34; search-choice-close＆＃34;上捕捉事件，您可以尝试以下操作：

$('#selectID').on('change', function(change, deselected) {
    //do something
    console.log('Value Deselected');
  });

Answer 2

我会尝试两件事。

检查选择器是否正确。

document.querySelector（＆＃34; a.search选择题闭＆＃34）;
检查处理程序注册时的元素是否存在。

编辑：我也看到你正在使用jQuery。检查你在控制台中是否有任何jQuery错误。

Answer 3

要捕获选择中的任何更改，请使用代码

$("#selectId").on('change', function () {
    
    if ($("#selectId").val() === "") {

        //your code in case "X" button was pressed
        alert('asd');
    } else {

        //your code in case an option was selected
    }
});

当您在选择项上按下“ X”按钮时，将触发选择项更改的相同事件，但是选择项的值$("#selectId").val()将为空

无法点击选择关闭按钮

3 个答案: