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