获取刚刚从 jQuery Chosen 多选元素中选择的值

Question

我正在使用jQuery Chosen 将我的选择转换为多选。当我选择第二个项目时，当我做$(this).val()时，它会给我两个选定的项目。

我只想要我当时选择的项目的值。

以下是我的代码。

$("#languageId").chosen().on("change",function() {
  alert($(this).val());
});

HTML：

<select id="languageId" multiple >
  <option value="Hindi">Hindi</option>
  <option value="English">English</option>
</select>

Answer 1

根据the documentation：

无论何时做出选择，Chosen 都会触发标准 DOM 事件（它还会发送一个 selected 或 deselected 参数，告诉您哪个选项已更改）。

因此，您可以访问在change 事件回调中传递的params 对象的selected/deselected 属性。换句话说，params.selected/params.deselected 将是刚刚被选中/取消选中的 option 元素的值。

Example Here

$("#languageId").chosen().on("change", function(event, params) {
  var value = $(this).val();
  var changedValue = params.selected || params.deselected;

  // ...
});

解决您在下面的评论，您可以简单地检查 params 对象上的哪个属性，以确定是否选择/取消选择了一个选项：

$("#languageId").chosen().on("change", function(event, params) {
  if (params.selected) {
    console.log('The option: ' + params.selected + ' was selected.');
  }
  if (params.deselected) {
    console.log('The option: ' + params.deselected + ' was deselected.');
  }
});