jquery-chosen

问题 This question has been asked tons of times, however I don't see any answer for the 'multiple' variety: http://jsfiddle.net/queZ6/107/ When you tab INTO the box, i want to display an alert and capture the focus event. I'm basically wanting to change the highlighting for an element that surrounds each input, that follows along as you fill out the form. It's basically a signal to the user to easily see what field their on. I can't for the life of me figure out how to capture the focus event

问题 I have a div (id = div_search_fields) within which I have several jQuery Chosen dropdowns. Attached to the div I have a keypress capture listener which, if the key pressed is the Enter key, submits the selected stuff by clicking a hidden submit button. $("#div_search_fields").keypress(function(e) { if (e.which == 13) { $("#hiddenSubmitButton").click(); } }); For some reason this listener is never called if I have just selected an option in one of the chosen dropdowns. Within the "div_search

问题 I have a div (id = div_search_fields) within which I have several jQuery Chosen dropdowns. Attached to the div I have a keypress capture listener which, if the key pressed is the Enter key, submits the selected stuff by clicking a hidden submit button. $("#div_search_fields").keypress(function(e) { if (e.which == 13) { $("#hiddenSubmitButton").click(); } }); For some reason this listener is never called if I have just selected an option in one of the chosen dropdowns. Within the "div_search

问题 I want to add the text that a user inputs in the text field of a chosen select multiple input as an option, and automatically select it, all of this when the option doesn't exists, if the option exists, then I would like to select it. So far I have manage to do this: Chosen.prototype.add_text_as_option = function () { $('#id_select').append( $('<option>') .html(this.search_field.val()) .attr('selected', 'selected') .attr('value', 0) ); $('#id_select').trigger("liszt:updated"); return false; }

问题 I want to add the text that a user inputs in the text field of a chosen select multiple input as an option, and automatically select it, all of this when the option doesn't exists, if the option exists, then I would like to select it. So far I have manage to do this: Chosen.prototype.add_text_as_option = function () { $('#id_select').append( $('<option>') .html(this.search_field.val()) .attr('selected', 'selected') .attr('value', 0) ); $('#id_select').trigger("liszt:updated"); return false; }

问题 How to implement chosen plugin for MVC 3 ? for this type of output 回答1: This is my code how to make chosen.js work with javascript/MVC This is my code for my dropdown @Html.DropDownListFor(m => m.CategoryId, new SelectList(Model.Categories, "Id", "Name"), "Choose a Category...", new { id = "CategoryId", multiple = "", @class = "chzn-select srs-select search-dropdown", data_placeholder = "Choose a Category..." }) Here I use 'chzn-select' styling -- In the document ready, one should have the

问题 I've done a sample Ember.js integration with Chosen (https://github.com/harvesthq/chosen) Coffeescript: App.ChosenSelectView = Em.Select.extend({ didInsertElement: -> @_super() @$().chosen() # Assumes optionLabelPath is something like "content.name" @addObserver(@get("optionLabelPath").replace(/^content/, "content.@each"), -> @contentDidChange()) contentDidChange: -> # 2 ticks until DOM update Em.run.next(this, (-> Em.run.next(this, (-> @$().trigger("liszt:updated"))))) }) The thing that

问题 Chosen and Select2 are the two more popular libraries for extending selectboxes. Both seem to be actively maintained, Chosen is older and supports both jQuery and Prototype. Select2 is jQuery only, its documentation says Select2 is inspired by Chosen, but doesn't detail any improvements made (if any) or other reasons for the rewrite. Two libraries have pretty much same feature set, the only comparison I've found is a somewhat inconclusive jsperf test page. Does any of these libraries have any

问题 I try to use jquery chosen with ajax call : https://harvesthq.github.io/chosen/ My html is : <div class="form-group m-b logiciel"> <label>Logiciel concerné</label> <select id="logiciel" name="logiciel" class="chosen"> </select> </div> My first script is : $(document).ready(function () { $("#logiciel").load('ajax/ticket_add_select.ajax.php?id=' + $('#client').val()); $("#logiciel").trigger('chosen:updated'); $("#logiciel").chosen(); }); And my second one is (#ticket_type is another chosen) : $

问题 Two part issue Chosen is not being applied on load to the select items When manually triggering chosen, the filter in ng-options does not apply The select: <select chosen allow-single-deselect="true" no-results-text="Oops, nothing found!" data-placeholder="SELECT VENUE" id="filter_venue" name="venue" ng-model="venueSelect" ng-options="venue[1] for venue in venues | filter:citySelect"> <option value="">All Venues</option> </select> citySelect is another drop-down which works fine without