jquery multiselect使用示例

多选下拉框开源组件:https://github.com/ehynds/jquery-ui-multiselect-widget

html部分:

        <select multiple id="test">

            <option value="1">上</option>

            <option value="2">下</option>

            <option value="3">左</option>

            <option value="4">右</option>

        </select>

        <input type="button" value="ok" id="btnok">

  1. 如何初始化多选下拉框选中项?

    var ids = "1,3".split(',');       

    if (ids != null) {           

        $('#test').val(ids);

        $('#test').multiselect("refresh");           

    }

  1. 如何获取选中结果

    $("#btnok").click(function(){

        var ids=[];

        $("#test :checked").each(function(i,item){

            ids.push($(item).attr("value"));

        });   

        alert(ids.join(","))

    });

           3.    完整示例代码:

             multiselect.rar

你可能感兴趣的:(jquery multiselect使用示例)