多选下拉框开源组件: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. 完整示例代码:
本人公众号[敬YES] 分享技术心得,欢迎关注~
如果文章对您有帮助,赞赏是对博主的支持
作者:陈敬(公众号:敬YES)
出处:http://www.cnblogs.com/janes/
博客文章仅供交流学习,请勿用于商业用途。如需转载,请务必注明出处。