chosen.jquery.js 使用笔记
2016-09-28 09:26
197 查看
using chosen.jquery.js using chosen.jquery.css html: <label for="MeetingUsersList" class="label"><strong class="fg-red">∗</strong> 参会人员</label> <select data-placeholder="请选择参会人员..." id="MeetingUsersList" multiple="multiple" class="chosen-select form-control"></select> <input type="hidden" id="MeetingUsers" placeholder="参会人员" name="MeetingUsers"> <input type="hidden" id="MeetingUsersName" placeholder="参会人员" name="MeetingUsersName"> <div class="field-validation-error" data-valmsg-for="MeetingUsersList" validata="MeetingUsers"></div> j s: $.ajax({ type: "post", url: "/UserMeeting/MeetingUserList",//初始化下拉多选列表 global: false, success: function (data) { $('#MeetingUsersList').html(data);//绑定下拉值 //初始化 var chose = $("#MeetingUsersList").chosen({ no_results_text: "Sorry,未检索到相关数据!", max_selected_options: 100, width: "100%" }); var aa = 1; chose.trigger("liszt:updated"); chose.change(function (e, t) { var selectedTitle = ''; var selected = ''; $("div[validata='MeetingUsers']").css('display', 'none'); selected = $("#MeetingUsersList").val(); $.each($(".chosen-container .search-choice"), function (i, e) { selectedTitle += $(e).find('span').text() + ','; }); $("#MeetingUsers").val(selected);//保存选择值 $("#MeetingUsersName").val(selectedTitle.substring(0, selectedTitle.length - 1));//保存选择标题 chose.trigger('chosen:updated'); }).bind("chosen:maxselected", function () { $("div[validata='MeetingUsers']").css('display', 'block').html('请选择参会人员!'); return false; }); //初始化设置值 chose.val($("#MeetingUsers").val().split(','));//根据value设置选中值,设置的时候如果多个 传数组 chose.trigger('chosen:updated');//传递完成之后刷新 } });
相关文章推荐
- 使用JS/Jquery获得父窗口的几个方法(笔记)
- chosen.jquery.min.js的使用(select下拉框支持首字母搜索)
- 在使用jquery的chosen下拉列表的插件时,碰到了使用jquery.validate.js的冲突
- html+css+js(JQuery)使用笔记(随时更新)
- 使用JS/Jquery获得父窗口的几个方法(笔记)
- Jquery学习笔记(10)--ajax删除用户,使用了js原生ajax
- 将select改造成搜索框(chosen.jquery.js)使用
- select三级联动结合jquery的chosen.jquery.js 插件一起使用原创案例
- JS 线程 和 JQuery使用笔记
- cakephp菜鸟笔记——Js引擎jQuery使用
- jquery.treeview使用笔记
- jQuery 中插件的使用与开发---附全部源码(含 jQuery1.3.2 for VS 的智能提示js文件)
- jquery imgareaselect 使用利用js与程序结合实现图片剪切
- ASPX多服务器控件下使用Jquery.validate.js
- jQuery-使用选择器注意事项 学习笔记十
- jquery插件之jqModal使用笔记(转载)
- jQuery 中插件的使用与开发---附全部源码(含 jQuery1.3.2 for VS 的智能提示js文件)
- jquery.Validation.js 学习笔记 [待更新](API 和 DEMO等)
- 使用jquery的时候,js的window.onunload事件失效的解决办法
- jQuery基础教程笔记适合js新手第1/2页