多选下拉框开源组件: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">
- 如何初始化多选下拉框选中项?
var ids = "1,3".split(',');
if (ids != null) {
$('#test').val(ids);
$('#test').multiselect("refresh");
}
- 如何获取选中结果
$("#btnok").click(function(){
var ids=[];
$("#test :checked").each(function(i,item){
ids.push($(item).attr("value"));
});
alert(ids.join(","))
});
3. 完整示例代码: