用於在啓用了多個屬性的選擇菜單中取消選擇項目的事件處理程序

Question

我正在使用選擇菜單，它將允許進行多項選擇。我有一個事件處理程序

​​

當選擇一個項目時調用它。在這裏，我收集選擇的項目。但是我還需要知道每個選定項目何時取消選擇，以便我可以跟蹤什麼被取消選擇，以便我可以跟蹤如果已選擇的內容現在被用戶取消選擇。

更新：我沒有在取消某個項目時觸發此事件。

Answer 1

我想這是你可能會尋找：

• How to fetch all the option values(selected/unselected) in a selectbox

有點兒工作演示：

• http://jsfiddle.net/5hpU2/9/

HTML

<div data-role="page" data-theme="b" id="home"> 
    <div data-role="content"> 

     <div data-role="fieldcontain"> 
      <label for="select-choice-9" class="select">Choose shipping method(s):</label> 
      <select name="select-choice-9" id="select-choice-9" multiple="multiple" data-native-menu="false"> 
       <option>Choose options</option> 
       <option value="standard">Standard: 7 day</option> 
       <option value="rush">Rush: 3 days</option> 
       <option value="express">Express: next day</option> 
       <option value="overnight">Overnight</option> 
      </select> 
     </div> 

    </div> 
</div> 

JS

var values = { 
    selected: [], 
    unselected:[] 
}; 

$("#select-choice-9").change(function() { 
    values.selected = []; 
    values.unselected = []; 

    $("#select-choice-9 option").each(function(){ 
     values[this.selected ? 'selected' : 'unselected'].push(this.value); 
    }); 

    alert('Selected: '+values.selected+' Unselected: '+values.unselected); 
}); 

UPDATE：

$("#select-choice-9").change(function() { 
    values.selected = []; 
    values.unselected = []; 

    $("#select-choice-9 option").each(function(){ 
     values[this.selected ? 'selected' : 'unselected'].push(this.value); 
    }); 

    alert('Selected: '+values.selected+' Unselected: '+values.unselected); 
}).page(); 

更新＃2

$("#select-choice-9").change(function() { 
    values.selected = []; 
    values.unselected = []; 

    $("#select-choice-9 option").each(function(){ 
     values[this.selected ? 'selected' : 'unselected'].push(this.value); 
    }); 

    alert('Selected: '+values.selected+' Unselected: '+values.unselected); 
}).checkboxradio("refresh"); 

Answer 2

$("option").click(function(){ 
    if(this.selected) 
     //do what you want to do 
});