插件描述：jQuery自定义单选、复选插件select.jquery.js
更新时间：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 //多选点击确定时出发事件方法
PREVIOUS:
NEXT:
相关插件-选择框
讨论这个项目（45）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
付文清 0
2019/6/29 21:53:34
-
怎么取值传到后台就不能说的明白点吗，又不是每个人都可以一点就懂
pohuaijk1
2019/6/29 22:19:44
-
简单的说这个过程就是：初始化时将所初始化的（select）元素隐藏，然后生成新的‘select’，这个新的‘select’只是作为动画和视觉交互而生成，在于后台交互的时候是使用被隐藏的select元素。师傅领进门修行在个人，下载源码好好看看，很简单的，看懂了这个插件开发很多项目都可以使用，里面的样式也都是加了缩进的，真不难。
?? ＇ 0
2019/4/12 10:23:08
-
动态赋值li不行点击不能选中
J TWT J0
2019/9/3 11:13:53
-
没操作对
ChangChang0
2021/6/15 15:22:31
-
可以了吗？同问题求帮助
如果我是DJ你会爱我吗？ 0
2018/5/8 21:25:08
<option value="zhangsan">张三</option> <option value="lisi">李四</option>
你这个select上 显示的是 "张三，李四， " ， 我怎么得到 zhagnsan,lisi 呢
不忘初心0
2018/12/20 16:09:31
-
麻烦问一下，您解决这个问题了吗？
pohuaijk0
2019/6/29 22:10:41
-
这只是一个示例，取值当然是取value里面的啊
默默腹黑君1
2019/8/2 18:18:17
function getValue(id) {
var val = "";
$("#" + id).find("option").each(function() {
var select = $(this).data("select");
if (select) {
val += val == '' ? $(this).text() : ', ' + $(this).text()
}
});
alert(val);
}自己写的取值, 你得给select元素上添加对应ID 取值的时候把ID传过去
辉仔 0
2018/4/3 13:39:57
-
请问怎样设置默认选中值呢？
辉仔0
2018/4/3 13:43:11
-
噢噢，看了一下源码，知道了
年华，浮云。0
2018/4/8 9:44:31
-
请问一下，你使用这个插件有传值的问题吗？？？
小郭啊啊 0
2017/12/7 21:54:12
-
我怎么取不到选中项的值。var value = $("#single").find("option:selected").val();这样获取写错了吗
回复
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
