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

    本文转自 陈敬（Cathy） 博客园博客，原文链接：http://www.cnblogs.com/janes/p/5417387.html，如需转载请自行联系原作者