jquery实现下拉框多选方法介绍
一、说明
本文是利用EasyUI实现下拉框多选功能，在ComboxTree其原有的基础上对样式进行了改进，样式表已上传demo，代码如下
二、代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>利用EasyUI实现多选下拉框</title>
<link rel="stylesheet" type="text/css" href="EasyUI/easyui.css" />
<script type="text/javascript" src="EasyUI/jquery.min.js"></script>
<script type="text/javascript" src="EasyUI/jquery.easyui.min.js"></script>
<script type="text/javascript">
$(function () {
$('#ddlLine').combotree({
valueField: "id", //Value字段
textField: "text", //Text字段
multiple: true,
data: [{ "id": 1, "text": "All", "children": [{ "id": 13, "text": "C1" }, { "id": 14, "text": "C2" }, { "id": 15, "text": "C3"}]}],
// url: "tree_data2.json", //数据源
onCheck: function (node, checked) {
//让全选不显示
$("#ddlLine").combotree("setText", $("#ddlLine").combobox("getText").toString().replace("全选,", ""));
},
onClick: function (node, checked) {
//让全选不显示
$("#ddlLine").combotree("setText", $("#ddlLine").combobox("getText").toString().replace("全选,", ""));
}
});
})
</script>
</head>
<body>
多选：<select id="ddlLine" class="easyui-combotree" style="width: 205px; height: 24px;">
</select>
</body>
</html>
三、效果
四、下载
案例下载：http://wd.jb51.net:81//201701/yuanma/ComboBox_jb51.rar
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持小牛知识库！
-
本文向大家介绍el-select 下拉框多选实现全选的实现，包括了el-select 下拉框多选实现全选的实现的使用技巧和注意事项，需要的朋友参考一下 在写一个功能时发现el-select支持多选，但是竟然不支持全选，好无语哦，那就自己实现一下吧~有两种方法，第二种感觉简单些 方法一：下拉项增加一个【全选】，然后应该有以下几种情况： 下拉选项全都勾选时，【全选】自动勾选； 下拉选项部分勾选时，点击
-
本文向大家介绍Bootstrap select多选下拉框实现代码，包括了Bootstrap select多选下拉框实现代码的使用技巧和注意事项，需要的朋友参考一下 前言 项目中要实现多选，就想到用插件，选择了bootstrap-select。 附上官网api链接，http://silviomoreto.github.io/bootstrap-select/. 没有中文的。对付看吧。有机会每个方法实
-
本文向大家介绍Bootstrap select实现下拉框多选效果，包括了Bootstrap select实现下拉框多选效果的使用技巧和注意事项，需要的朋友参考一下 在学习bootstrap实现下拉多选效果的时候，觉得该效果很好，所以拿来分享下，这里就不详细的描述了，直接附上代码给各位看看 HTML代码： js代码： 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍jQuery实现多级下拉菜单jDropMenu的方法，包括了jQuery实现多级下拉菜单jDropMenu的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery实现多级下拉菜单jDropMenu的方法。分享给大家供大家参考。具体如下： 这里介绍的jQuery多级下拉菜单导航-多级下拉菜单，英文名叫 DropDown Menu。通过 each() 遍历添加相应的处理
-
本文向大家介绍jQuery实现下拉框选择图片功能实例，包括了jQuery实现下拉框选择图片功能实例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery实现下拉框选择图片功能。分享给大家供大家参考。具体如下： 让下拉框中显示图片，并可选择对应图片，让select下拉框不仅可显示文字，还可以显示图片内容。为了更生动些，这里还加入了jQuery动画效果，当展开Select列表的时候，图片
-
本文向大家介绍JQuery 使用attr方法实现下拉列表选中，包括了JQuery 使用attr方法实现下拉列表选中的使用技巧和注意事项，需要的朋友参考一下 html代码如下： js代码：