我正在使用允许进行多项选择的选择菜单。我有一个事件处理程序
$("#idInventory").change(function () {
$("#select option:selected").each(function () {
});
});
选择项目时调用。在这里,我收集所选择的任何物品。但是我还需要知道每个选定项目何时被取消选择,以便我可以跟踪取消选择的内容,以便我可以跟踪用户现在是否取消选择了已经选择的内容。
更新:取消选择项目时,我没有触发此事件。
我正在使用允许进行多项选择的选择菜单。我有一个事件处理程序
$("#idInventory").change(function () {
$("#select option:selected").each(function () {
});
});
选择项目时调用。在这里,我收集所选择的任何物品。但是我还需要知道每个选定项目何时被取消选择,以便我可以跟踪取消选择的内容,以便我可以跟踪用户现在是否取消选择了已经选择的内容。
更新:取消选择项目时,我没有触发此事件。
我认为这可能是您正在寻找的:
有点工作演示:
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);
});
更新:
$("#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");
$("option").click(function(){
if(this.selected)
//do what you want to do
});