jQuery選擇下拉列表中未選擇的值的ID

Question

我已經設法獲得所選插件的 ID的選擇。 這是jsfiddle演示 。

現在，我不確定如何獲取未選中選項的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： http : //jsfiddle.net/1eut1c3d/

$("#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);
    }
});