JQuery multiselect复选框下拉事件处理

时间:2014-11-02 10:32:40

标签: jquery jquery-mobile checkbox

我有以下JQuery多选复选框下拉代码。

当用户选中复选框时,我可以捕获该事件。但是我希望在用户选中复选框并关闭下拉列表时触发该事件?我不想为每个复选框选择插入数据库,而是当用户选择他的复选框并关闭下拉列表时?并且还应该能够检索所选的值。感谢

<div id="multiCheckbox">
    <select name="busiUnit" id="day" multiple="multiple"
        data-native-menu="false">
        <option>Business Unit</option>
        <option value="1">Finance</option>
        <option value="2">R&D</option>
        <option value="3">Sales</option>
        <option value="4">Inventory</option>
    </select>
</div>

JS代码:

$("#day").change(function () {
    var str = '',
        busiArray = array();

    $("select#day option:selected").each(function () {
        str = $( this ).text();
        busiArray.push(str);
    });
});

1 个答案:

答案 0 :(得分:1)

多选selectmenu转换为弹出窗口。该弹出窗口会动态添加select-listbox的ID。

附加popupafterclose,然后运行您的代码。

$(document).on("popupafterclose", "#day-listbox", function () {
    /* code */
});