FAQ Database Discussion Community


chosen direction rtl horizontal scroll issue

html,css,jquery-chosen
When the page direction is set to 'rtl; it creates horizontal scroll. I've used chosen plugin. it creates unwanted "left: -9999px;" for "chosen-drop" div class. please help me to solve this. ...

jquery-chosen plugin - display 'X' on selected item

javascript,jquery,listbox,jquery-chosen
I am using the jquery-chosen plugin. It is a multiple selection ListBox. It is working fine. But I would like the selected items to have an 'X' beside the item so the user can delete it if they want to. The default action is to backspace. What Attribute includes the...

Knockout with Chosen doesn't set the initial selected options

knockout.js,jquery-chosen
I'm having trouble setting the initially selected options with Chosen and Knockout 3.3.0. I've implemented the custom Chosen binding from this question, which works great for selecting elements: ko.bindingHandlers.chosen = { init: function (element) { ko.bindingHandlers.options.init(element); $(element).chosen({ disable_search_threshold: 10 }); }, update: function (element, valueAccessor, allBindings) { ko.bindingHandlers.options.update(element, valueAccessor, allBindings);...

Bootstrap 3 validation states with JQuery-validated form that uses Chosen plugin

jquery,twitter-bootstrap,jquery-validate,jquery-chosen
The context I have a form that I'm validating using JQuery Validate Plugin. All form controls are required except for the textarea. I'm using Bootstrap 3 validation states to style the form controls being validated. For the select control, I'm using the Chosen Select Plugin The problem I'm having trouble...

How to add rtl support to angular chosen

html,css,angularjs,jquery-chosen,angular-chosen
I'm using angular with chosen ( source) , and i'm trying to add rtl support , here is my Demo . i've read this but it's not working . The problem is when body has dir="rtl" attribute after click on select list , page get horizantal scroll . <select class="chzn-rtl"...

Jquery Validate default settings doesn't work

jquery,jquery-validate,jquery-chosen
Default settings don't work. The "setdefaults" command doesn't do anything. My page may have a lot of forms and things going on. But for whatever reason, it always ignores the display:none "select box" "select#ffe". FFE is a Chosen select box, so it hides the select box and thus the form...

jquery chosen select field is displayed wrong

css,jquery-chosen
I'm trying to use jquery-chosen plugin on simple select code <select class="chosen-select"> <option value="a">a</option> <option value="b">b</option> <option value="c">c</option> </select> Turn it on in js file $(document).ready(function() { $(".chosen-select").chosen({no_results_text: "Oops, nothing found!", allow_single_deselect: true}) }); And my select field looks different from fields on jquery-chosen site examples: What am i doing...

Am using jquery chosen plugin

jquery,jquery-chosen
From the dropdown list I want only the some part(for eg. AL_Alabhama means i want only AL). i did this using the split function.When I select some value from dropdown,the text box contains the splitted result but the same value is reflected back to the dropdown list.I want the original...

Chosen get selected option custom attribute

javascript,jquery,jquery-chosen
I'm filling a JQuery Chosen with values, and I'm setting a custom attribute to get it later when an option is selected, but I can't find a nice way to do it. My code is the following: $( "#ddlChosen" ).chosen(); for (var i = 0; i < entities.length; i++) {...

How to add the jquery chosen plugin dynamically?

jquery,jquery-chosen
i'm using the jquery chosen plugin in the jquery datatables its not working in the second page of the datatable because while loading the page the elements are hidden so it how to add the chosen plugin dynamically $(".chosen").chosen({ width: "300px", enable_search_threshold: 10 }); <select class="chosen" data-placeholder="Assigned To" data-order="true" name="multiselect[]"...

Removing an option from all other chosen multiple dropdowns, when selected on a particular dropdown

javascript,jquery,drop-down-menu,jquery-chosen
I really messed up in a script. But I would want some additional help. I have attached a jsfiddle link over here. http://jsfiddle.net/p0b4j5o8/18/ If you check the fiddle link, you will see that I have written javascript/jquery code( a function named add_mitigator() ) in the html section. When I used...

Why is my chosen.js loupe icon in the wrong place on Retina screens?

javascript,jquery,css,jquery-chosen
I'm using chosen.js on several drop downs on the same page. Turns out, on Retina monitors the loupe sprite in the search field is misplaced (a bunch of X'es and arrows all the way to the left of the input field). The other sprites in the same drop down look...

Image not showing when trigger liszt:updated

jquery,html,jquery-chosen
I'm using chosenImage plugin. When I trigger liszt:updated it won't show images in list. Script <script type="text/javascript"> $(".my-select").chosenImage({ disable_search_threshold: 10 }); // some code that adding/removing options in select $('#my-select').trigger('liszt:updated'); </script> HTML <select class="my-select" id="my-select" style="width:350px;" tabindex="2"> <option data-img-src="chosenImage/flag-red.gif">Project A</option> <option data-img-src="chosenImage/flag-purple.gif">Project...

Change events on dynamically added selects using the Chosen plugin

javascript,jquery,jquery-chosen
I'm using the Chosen plugin on my site, and so far it has been working perfectly. However, I'm in a situation where I added a select dynamically and activated the Chosen plugin on those selects. These Chosen selects are being produced fine, but I cannot figure out how to bind...

How to set a option on Chosen.js via server side?

jquery,asp.net,asp.net-mvc,jquery-chosen
Im developing a website using ASP.NET MVC 5, with a multiple select using Chosen.js. My action is this: [HttpGet] public ActionResult Get() { var states = GetStates(); ViewBag.States = new SelectList(states.OrderBy(o => o.Id), "Value", "Name"); return View(); } And in the view: @Html.ListBoxFor(m => m.States, ViewBag.States as SelectList, new Dictionary<string,...

How to implement client side validation in MVC with chosen.js

jquery,asp.net-mvc-3,jquery-chosen,client-side-validation
I am using chosen.js for multiple selection, implemented with asp.net mvc3. Client side validation is not working this multi select control. The way I implement is, using Html.Dropdownlist helper and once the dom loaded from JavaScript $("#dropdown1").chosen(). It is replacing the Select with div's. Below is the code callback code...

Glitch fix for chosen multiselect dropdown

javascript,jquery,html,css,jquery-chosen
Example Fiddle Description: I have applied chosen plugin for a multiselect dropdown The first option is "Any" Those who are accustomed with chosen dropdown,they know that when an option is selected(from chosen multiselect) and presented in the dropdown textarea-like field, you will see it disabled from the list menu automatically....

Add actual OPTION values to the LIs generated by CHOSEN

jquery,jquery-ui-sortable,jquery-chosen
I am using CHOSEN 1.3.0 to generate the multi-select list dropdown in combination with JQuery SORTABLE. Users can select multiple elements to select list as well as, most importantly, can sort those elements. (I have combined JQuery SORTABLE and JQuery CHOSEN) This is the code that I can get those...

jquery plugin - chosen - multiple selection not listing in a row but a column

javascript,jquery-plugins,jquery-chosen
I am trying to configure my ListBox to use the jquery plugin, chosen 1.4. I get the values for the ListBox from the database and add each item to the ListBox in the code behind that works fine: //Populate the Recipient ListBox DataTable tdtRecipients = new DataTable(); tstrXmlTableData = m_pagingClient.GetRecipientList(m_strUserID);...

Chosen Jquery script is not working with Asp.net update Panel?

javascript,c#,jquery,asp.net,jquery-chosen
I'm using Chosen Jquery within my application for a dropdownlist. Unfortunately it doesn't work when the dropdownlist is in updatepanel. I know there is some conflicts between the scripts. But Unable to trace it out. Any help is appreciated. My Code is : <script src="/js/jquery-1.11.2.js" type="text/javascript"></script> <link href="../css/chosen.css" rel="stylesheet" />...

How do I bind an HTML select to a model value in Rivets.JS?

javascript,jquery,html-select,jquery-chosen,rivets.js
I'm trying to integrate Rivets.JS into my app. I'm getting the hang of binding values for basic form inputs and regular data in the page, but I can't figure out how to handle selects drop (down menus) with Rivets. I can build a select with the each tag, like in...

Multi-select requiring minimum 2 selections with jquery chosen and validate plugins

jquery,validation,jquery-chosen
I have 2 drop down menus. The first has the options of "single month" and "multiple months". If single month is selected, the second drop down is not visible, which is the desired behavior. This is the first select: <select name="catFrequency" class="cst-mar" id="catFrequency"> <option value="0">single month only</option> <option value="1">multiple months</option>...

Cannot validate Chosen select with jQuery Validate (not unobtrusive) [duplicate]

jquery,asp.net-mvc-4,jquery-validate,jquery-chosen
This question already has an answer here: Validating select box with jquery validate and chosen plugins 2 answers I am trying to make simple DropDownList validation (clear jQuery - no unobtrusive) in my ASP.NET MVC 4 application. I have fields in model: [DisplayName("Wybierz płatnika")] public virtual int? studyPayerId {...