jquery-mobile - 複数のプロパティが有効になっている選択メニューで項目を選択解除するためのイベント ハンドラー

Question

複数選択できる選択メニューを使用しています。イベントハンドラーがあります

 $("#idInventory").change(function () {
     $("#select option:selected").each(function () {
    });
});

アイテムが選択されたときに呼び出されます。ここでは、今までに選ばれたアイテムを集めています。しかし、選択した各アイテムがいつ選択解除されたかを知る必要もあります。これにより、選択解除されたものを追跡して、既に選択されているアイテムがユーザーによって選択解除されたかどうかを追跡できます。

更新:アイテムの選択が解除されたときに、このイベントがトリガーされません。

Answer 1

これはあなたが探しているものだと思います：

• 選択ボックスですべてのオプション値(選択/選択解除)を取得する方法

ちょっと動作デモ：

• 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);
});

アップデート：

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