Jquery Chosen 获取下拉列表中未选择值的 Id

Question

我已经设法获取 Chosen plugin. Here is the jsfiddle Demo 的所选选项的 ID。

现在我不确定如何获取未选择选项的 ID。我正在使用此代码获取所选选项的 ID。

 var SelectedIds = $(this).find('option:selected').map(function() {
      if ($(this).attr('value') == params.selected)
        return $(this).prop('id')

    }).get();
    alert(SelectedIds);

Answer 1

取消选择选项时，您会收到更改事件，但 params 对象有一个 deselected 属性，您可以像使用 selected.

我做了一个jsfiddle给你演示：[=14=]

$("#chosen").chosen().on('change', function(evt, params) {

  if (params.selected !== undefined) {
     var selectedID = $(this).find('option:selected').map(function() {
        if ($(this).attr('value') == params.selected)
        return $(this).prop('id')
   }).get();
   alert("Selected: " + selectedID);
}
if (params.deselected !== undefined) {
    var deselectedID =   $(this).find('option').not(':selected').map(function() {
      if ($(this).attr('value') == params.deselected)
        return $(this).prop('id')  
       }).get();
       alert("Deselected: " + deselectedID);
    }
});

Jquery Chosen 获取下拉列表中未选择值的 Id

Jquery Chosen get the Id of un-selected value in dropdown

javascript

jquery

jquery-chosen