如何将事件绑定到jquerymobile中的多个selectmenu更改

时间:2012-04-27 01:52:06

标签: dom jquery-mobile

我想在jquerymobile中选择选择时刷新页面。现在我在tag.here中使用onchange属性。这是我的代码。

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

但是,只要select或select被选中,selectmenu()事件就会触发。当selectmenu关闭时,如何触发事件

1 个答案:

答案 0 :(得分:0)

尝试绑定到blur(),如此

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

这也照顾了旧版本的ios,它们似乎不会在多个选择上触发更改事件。