美文网首页
jQuery多选和单选下拉框插件select.js

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

作者: Marin_chen | 来源:发表于2019-10-18 10:37 被阅读0次

一、插件描述:

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

下载地址: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() 获取选择框的值

相关文章

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

    一、插件描述: 可通过参数设置多选或者单选,多选返回数组结果,单选返回字符串,如图: 二、使用方法: 第一步:在j...

  • 表格BootStrapTable(插件类)

    基于 Bootstrap 的 jQuery 表格插件,通过简单的设置,就可以拥有强大的单选、多选、排序、分页,以及...

  • Jquery 多选下拉列表插件jquery multiselec

    Jquery 多选下拉列表插件jquery multiselect 有一个多选的需求,在网上找到了这个插件:mu...

  • Html表单使用实例

    大纲 1、单选框多选框实现的商品选择2、添加下拉框和删除下拉框3、观察textarea中事件处理器的运行顺序推荐 ...

  • 更换单选与多选样式

    HTML: JQ: CSS: 单选与多选img: 单选: 多选:

  • 『心善渊』Selenium3.0基础 — 18.单选按钮和多选按

    1、页面中的单选按钮和多选按钮 页面中的单选按钮和多选按钮样式如下图: 页面代码片段: 说明: 单选按钮,默认选框...

  • 今日份学习进度

    做了份增值税章的单选和多选题 单选18道对17道,还不错 多选16题对6道,惨不忍睹 好在单选多选都是2分,不然太...

  • Flutter图像选择插件

    官方的图像选择插件是image_picker,这个插件简单易用,但是单选的,而且没有预览功能,因为想实现像微信多选...

  • bootstrap-select-1.12.4使用笔记

    介绍:bootstrap-select是一款bootstrap下拉单选/多选的插件,功能十分丰富。 GETTING...

  • #iOS单选和多选

    开始做单选和多选的时候在网上找了好久,发现要么是单选,要么是多选,共存的教程几乎没有。因此自己研究了下,写了个简单...

网友评论

      本文标题:jQuery多选和单选下拉框插件select.js

      本文链接:https://www.haomeiwen.com/subject/tbtimctx.html