首页 > 代码库 > select标签 pqselect 使用心得
select标签 pqselect 使用心得
pgselect,支持全选,搜索,以及分组
1. 引用
<script src="http://www.mamicode.com/~/Content/plugins/select-1.3.2/pqselect.dev.js"></script>
<link href="http://www.mamicode.com/~/Content/plugins/select-1.3.2/pqselect.dev.css" rel="stylesheet" />
2. 调用方式
<select id="userst" class="UserSelect" name="UserSelect" multiple=multiple style="margin: 20px; width: 800px;"> @foreach (var item in users) { <option value="@(item.Code)-@(item.Name)">@(item.Name)</option> } </select>
$("#userst").pqSelect({ multiplePlaceholder: ‘选择病种‘, selectallText: ‘全选‘, maxDisplay: 50, checkbox: true //adds checkbox to options }).on("change", function (evt) { var val = $(this).val(); });
change事件可以获取每次操作的值
3. 效果
分组效果
控件样式可以调整,可以切换不同的jqueryui主题
<link href="http://www.mamicode.com/~/Content/plugins/jQueryui/themes/base/jquery-ui.css" rel="stylesheet" />
相关资源地址
http://jquery-plugins.net/pqselect-jquery-multi-select-plugin
https://paramquery.com/select
http://jquery-plugins.net/tag/multiple-select/page/1
select标签 pqselect 使用心得
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。