一个jQuery选择小插件

所属分类:输入-选择框

 2705  22  查看评论 (3)
一个jQuery选择小插件 ie兼容8

使用说明

第一步(导入样式和脚本):

<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
<link rel="stylesheet" type="text/css" href="css/multiselect.css"/>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/multiselect.js"></script>

第二步(创建一个容器):

<div id="test"></div>
<input type="text" id="testValue"/>

上述代码中,结果input可有可无,如果无,可通过一下代码获取选中的值

var str = multiselectTools.getSelectValue("容器id");

第三步(初始化):

$("#test").multiselectInit({
        "selectData":[{"colId":1,"colValue":"苹果"},{"colId":2,"colValue":"香蕉"},{"colId":3,"colValue":"菠萝"},{"colId":4,"colValue":"西瓜"},{"colId":5,"colValue":"甘蔗"}],
        "isMulti":true,//是否多选
        "inputId":"testValue",//输入框的id
        "checkStyle":"fg"//选择的样式
});

关于初始化参数说明:

1、selectData:这个是选择列表的数组,格式如上所示

2、isSelectData:已选择的数组集合,格式和selectData一样

3、isMulti:是否是多选

4、inputId:存放结果集的input的id

5、checkStyle:选择的样式,是圆形还是方形等,可选值:yx,fx,yg,fg

相关插件-选择框

jQuery下拉列表插件 jQselectable

jQselectable ,用来实现多种下拉列表控制的样式,如图所示(多列显示和透明效果):
  选择框
 43893  34

移动端城市选择

实现移动端无需选择省份,即可选择城市
  选择框
 7998  47

selectpick美化下拉框插件

selectpick是一款jquery开发的美化下拉框插件,具有响应快,美观,灵活,兼容性好的优点。欢迎下载下来使用。
  选择框
 55130  84

自定义选择框

关于设计一个让用户自定义风格来选择的select元素版本,我们有许多想象的空间
  选择框
 20350  149

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币

    行殇. 0
    2017/10/9 11:08:19
    如何设置disabled不可选呢
        葬梦0
        2017/10/9 15:28:53

        抱歉,还真没有写这个功能,我试着修改下发给你,请留下邮箱

        SiriBen0
        2017/10/18 12:00:52

        你升级了desabled功能后可以直接在这个上面更新版本,我们直接在上面下载就行了,哈哈哈

    回复
取消回复