jQuery多选和单选下拉框插件select.js(原创)

所属分类:输入-选择框

 1404  19  查看评论 (1)
jQuery多选和单选下拉框插件select.js(原创) ie兼容8

使用方法

第一步,引用jquery和select.js

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/select.js"></script>

第二步,html

 <div id="mySelect"  ></div>

第三步,js

var mySelect = $("#mySelect").mySelect({
    mult: true, //true为多选,false为单选
    option: [ //选项数据
        {
            label: "选项1",
            value: 0
        },
        {
            label: "选项2",
            value: 1
        },
        {
            label: "选项3",
            value: 2
        },
        {
            label: "选项4",
            value: 3
        },
        {
            label: "选项5",
            value: 4
        },
        {
            label: "选项6",
            value: 5
        }
    ],
    onChange: function(res) { //选择框值变化返回结果
        console.log(res)
    }
});

说明:通过mySelect.getResult() 获取选择框的值

相关插件-选择框

jquery城市选择插件lazyload-min.js

jquery城市选择插件lazyload-min.js
  选择框
 34944  173

强大的下拉框美化插件

Select2是一款基于jQuery的专门针对下拉框的美化插件
  选择框
 24667  57

酷炫的发光单选框

发光的动态竖直单选框
  选择框
 6266  42

城市选择手机端(原创)

类似手机通讯录,选择城市,去除省份。
  选择框
 11468  103

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

    sclynton 0
    2018/5/16 18:28:48
    看起来不错,漂亮,没说用什么样式呢 回复
取消回复