jQuery自定义select、单选、复选

所属分类:输入-选择框

jQuery自定义select、单选、复选 ie兼容10

更新时间:2017/5/6 上午11:39:43

更新说明:修复点击两个select不关闭的错误。


引入文件

<script src="js/jquery.js"></script>
<script src="js/select.jquery.js"></script>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">

HTML

<select class="multiselect">
  <option value="">A</option>
  <option value="">B</option>
  <option value="">C</option>
  <option value="">D</option>
  <option value="">E</option>
  <option value="">F</option>
  <option value="">G</option>
</select>

调用

$('.multiselect').multiselect({})

参数

  • selectedHtmlValue //默认显示在select上的文字   

  • multiple //true为多选   false单选  默认为true

  • setWidth //设置select宽度    

  • setMaxOptionNum //最大显示option数    溢出部分出现滚动条

  • change //单选点击触发事件方法

  • mutiConfEvent //多选点击确定时出发事件方法

相关插件-选择框

jquery弹出职业等多选框

招聘网上的职业地点弹框源码
  选择框
 15984  79

jq模拟下拉省市区三级联动插件

jq模拟下拉的省市区三级联动插件,完美兼容在ie下显示select的不友好ui,数据完整可直接使用
  选择框
 35267  156

选择联系人效果,搜索单个联系人功能(原创)

选择添加联系人效果,并带有搜索功能,实现更好人员选择效果jQuery插件
  选择框
 6395  60

jQuery商品发布三级联动菜单代码

jQuery商品发布三级联动菜单代码是一款点击输入框弹出联动菜单,购物商城或者分类比较多的网站经常用到的产品商品分类选择联动菜单js代码。
  选择框
 10736  65

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

    如果我是DJ你会爱我吗? 0
    2018/5/8 21:25:08
    <option value="zhangsan">张三</option>  
    <option value="lisi">李四</option>

    你这个select上 显示的是   "张三,李四, "   , 我怎么得到 zhagnsan,lisi 呢

    回复
    辉仔 0
    2018/4/3 13:39:57
    请问怎样设置默认选中值呢?
        辉仔0
        2018/4/3 13:43:11
        噢噢,看了一下源码,知道了
        年华,浮云。0
        2018/4/8 9:44:31
        请问一下,你使用这个插件有传值的问题吗???
    回复
    期待 0
    2018/3/30 18:08:37
    不能做到直接提交数据到后台吗? 回复
    ?褚湖咣民 0
    2018/1/29 9:00:08

    非常好用的哦,不错给个赞

    回复
    小郭啊啊 0
    2017/12/7 21:54:12
    我怎么取不到选中项的值。var value = $("#single").find("option:selected").val();这样获取写错了吗 回复
    0
    2017/12/1 16:26:21
    为什么只能显示5个汉字????
        年华,浮云。0
        2018/4/8 9:56:51
        我现在用没有这个问题啊!
    回复
    萧寒 0
    2017/11/19 14:56:34

    定义一个按钮,单击事获取

    function getSelectVal(){
    	var res = $('.newSelectTitle>span').html();
    	alert(res);
    }
    回复
    Illidan Stmrage 0
    2017/11/9 13:25:52

    怎么添加复选框这种呢

        pohuaijk0
        2017/11/19 15:53:33

        不太懂你的意思

    回复
    0
    2017/11/8 11:14:43
    0
    2017/10/31 11:00:26

    后台取不到值啊,多选的时候不管选什么都是只能取到第一个值,我看了也挺多人问这个问题的,希望楼主能帮忙解答下

        pohuaijk1
        2017/11/19 15:51:40

        当时只是考虑了提交表单时使用AJAX将待处理数据做成JSON格式时做的,直接提交表单情况下使用多选框还需要将复选框的数据单独获取进行处理。意思就是重新增加一个提交事件,然后获取表单数据、处理、提交

    回复
取消回复