jQuery自定义down选择插件 移动端(原创)

所属分类:输入-选择框

 8544  122  查看评论 (6)
分享到微信朋友圈
X
jQuery自定义down选择插件  移动端(原创) ie兼容11

使用方法

一、 引入静态资源 

<link rel= "stylesheet" href = "./asset/down.min.css"> 
<script src= "./jquery-1.11.0.min.js" > < /script> 
<script src="./asset / down.min.js "></script>

或 

<script src="./asset/down.js"></script>

二、html里面写入目标dom

<div class="zp_input " id="multipleSelect ">多选请选择</div>

或 

<input class=" zp_input " id="singleSelect " readonly placeholder="单选请选择 "/> 
<!-- 提示文案 --> 用于提示用户是否必选 
<div class="tool_tip "></div>

三、js初始化

var single = new down({
    dom: 'singleSelect', //点击触发下拉的选择框的id   
    type: 'single', //是单选还是多选 单选 single 多选 multiple   
    title: '单选请选择', //选择框title   
    required: true, //是否必填 true:必填 ,false : 非必填   
    requiredTip: '当前为必填项', // required为true,用户没有选择的提示文案    
    dataArr: [{
        id: '1',
        cont: '内容1'
    }, {
        id: '2',
        cont: '内容2'
    }, {
        id: '3',
        cont: '内容3'
    }, {
        id: '4',
        cont: '内容4'
    }, {
        id: '5',
        cont: '内容5'
    }], //选择的选项数据,为3的倍数,不足用 '' 代替   
    success: function(resp) { // 回调函数    
        console.log(resp) if (resp.length > 0) {
            $('#singleSelect').val(resp[0].cont)
        }
    }
})
相关插件-选择框

jquery 省市区三级联动选择(原创)

省市区三级联动选择,可以任意改造样式
  选择框
 17007  194

jQuery下拉框多选

下拉字母多选框
  选择框
 73364  237

不包邮省市选择(不含县)

jQuery选择省市地区,支持多选,单独筛选
  选择框
 16477  194

jQuery下拉多选插件ySelect.js

简单实用的jQuery多选插件ySelect.js,支持反选,搜索,分组。
  选择框
 27445  216

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ?Mp 0
    2020/2/27 10:17:03
    没法一个页面多个多选框额
        areyouOk1
        2020/2/27 10:31:41

        可以多个

        <div class="zp_input" id="multipleSelect2">多选请选择</div>
        var multiple2 = new down({
            dom: 'multipleSelect2',//点击触发下拉的选择框的id
            ....
               $('#multipleSelect2').html(val)
              
            }
        })
        ?Mp0
        2020/2/27 12:16:31

        多个以后 所有选择的内容都只在第一个div #multipleSelect输出

        $('#multipleSelect').html(val)
        $('#multipleSelect2').html(val)

        dom 绑定的id 也改了的

        areyouOk0
        2020/2/27 12:52:30
        肯定哪里没改好,我这里测试没有问题。
    回复
    涩心雕龙 0
    2019/12/9 14:04:58
    ipone 上面点开没反应,选择的时候也选择不了
        一直有你0
        2020/3/31 10:19:40
        你打开调试,看看有没有报错呢
    回复
取消回复