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

2019-10-18  本文已影响0人  Marin_chen

一、插件描述:

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

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

二、使用方法:

第一步:在js中先引入jquery和select.js:

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

<script src="js/select.js"></script>

第二步:在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() 获取选择框的值

上一篇 下一篇

猜你喜欢

热点阅读