在哪里为 MULTI SELECT 的选定/取消选定选项注册事件侦听器？

Posted 2023-03-11

【中文标题】在哪里为 MULTI SELECT 的选定/取消选定选项注册事件侦听器？

【英文标题】：Where to register event listener for selected/deselected options of MULTI SELECT?

【发布时间】：2012-03-27 09:08:07

【问题描述】：

例如我有一个多选框

<select id ="countries" name="countries" multiple="multiple">
<option value="1" selected="selected">America</option>
<option value="2">England</option>
<option value="3" selected="selected">Thailand</option>
</select>

现在我想在用户取消选择选项美国或选择英国时监听事件。基本上用于选择和取消选择任何选项。

我正在使用 Jquery 。我试过 .change 但它没有解决目的。

【参考方案1】：

使用以下jQuery在项目选择或取消选择时获得真或假值。

var aRes = $('#countries option').map(function() 
    return $(this).val() + ':' + $(this).is(':selected');
);
var frag = '';

for (var i = 0; i < aRes.length; i++) 
    frag += aRes[i] + ", ";


alert(frag); // frag return all true and false value based on select or deslect option.

查看以下链接http://jsfiddle.net/Bbuyu/22/

【参考方案2】：

你试过.click(event)然后用event.target检查值吗？

【讨论】：

我正在使用选择的 jquery 插件来装饰多选，并且它不像更改事件那样中继点击事件。