multiselect 使用总结

最近项目里用到多选框,手上没有可用的,百度一番找到jquery multiselect 下载回来开始使用,已遇到以下问题

1.在浏览器里打开如下


原因:加载了google的js库,改成360的就正常显示了  360的ajax.useso.com直接换域名就行

2.设置初始化的属性

                header: true,  头部是否显示
height: 175,高度
minWidth: 0,宽度
classes: '',需要添加的样式表,class不要加点
checkAllText: '全选',
uncheckAllText: '取消',
noneSelectedText: '请选择',
selectedText: '# 项已被选中',
selectedList: 0,多先时在列表显示的选中项
show: '',
hide: '',
autoOpen: false,
multiple: true,
position: {}

3.select 里要加multiple属性,不然会默认选中第一项

4.获取选中的值,document.getElementById(multiselect的id).value;

5.取值

$(function () {
            
            $("#mulitselectid" ).multiselect({
                click: function (event, ui) {
                    GetMultiSelectValue(ui.value)
                }
            });
        });

ui.value就你选中项的值

你可能感兴趣的:(js)