jQuery多选和单选下拉框插件select.js

一、插件描述

可通过参数设置多选或者单选，多选返回数组结果，单选返回字符串，如图：

下载地址：https://pan.baidu.com/s/1JjVoK89_ueVVpfSlMDJwUQ   提取码：y67s

二、使用方法

第一步，引用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() 获取选择框的值

 

转载于:https://www.cnblogs.com/zhangqigao/p/11533178.html