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

    }

2. 如何获取选中结果

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

        var ids=[];

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

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

        });   

        alert(ids.join(","))

    });

           3.    完整示例代码：

             multiselect.rar

 

---

本人公众号[敬YES] 分享技术心得，欢迎关注~

如果文章对您有帮助，赞赏是对博主的支持