chosen.jquery.js 使用筆記

標籤：

using chosen.jquery.jsusing chosen.jquery.csshtml:<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‘);//傳遞完成之後重新整理            }        });

　　

chosen.jquery.js 使用筆記