2012-04-27 8 views
0

jquerymobileで選択を終了したらページを更新したい。今はtagのonchange属性を使用しています。私のコードです。jquerymobileで複数の選択メニューにイベントをバインドする方法

<div data-role="fieldcontain" style = "background-color:white;border-bottom:1px solid #ccc"> 
    <label for="select-choice-1" class="select">select specity:</label> 
    <select name="select-choice-1" id="select-choice-1" data-native-menu = false multiple=true onchange = "selectChange()"></select> 
</div> 

$("#select-choice-1").empty(); 
for (var i = 0; i < item.tagClassList.length; i++) { 
    if (item.tagClassList[i].isSelected) { 
     $("#select-choice-1").append("<option value="+item.tagClassList[i].id+"checked = true>"+item.tagClassList[i].className+"</option>"); 
    } else { 
     $("#select-choice-1").append("<option value="+item.tagClassList[i].id+">"+item.tagClassList[i].className+"</option>"); 
    } 
    if (i == item.tagClassList.length-1) { 
     $("#select-choice-1").selectmenu("refresh"); 
    }; 
}; 

しかしselectmenu()イベントが発生するたびに選択し、選択または選択されているselectmenuが

答えて

0

閉じているときcancelled.Howは、私が(あいまいに結合しようとイベントが発生し得ることができている)ので、

のような
$('document').on('blur', '#select-choice-1', function(){ 
    //run your check here 
    }); 

これは、複数の選択で変更イベントを発生させないように見える古いバージョンのiosも処理します。

+0

これは動作していないようです – Marius