jquery-chosen

I use the Chosen Plugin for jQuery (found here: http://harvesthq.github.com/chosen/ ). It adds extra functionality to select HTML elements. I wanted to clone a div that contains a select element and increment all the id. The problem is that the clone is ok but the select event apply to the source and not to the clone. <div id="smallConfig"> <div id="MainConfig_1"> <select data-placeholder="Choose a country" name="country_1" id="country_1" class="chzn-select"> <option value="" /> <option value="Afghanistan">Allemagne</option> <option value="Afghanistan">Belgique</option> </select> <input style=

I've been tinkering all afternoon with ajaxChosen, because I love Chosen, but my option value sets are getting too large. I've also experimented with select2, but it's just too darn slow. http://harvesthq.github.io/chosen/ https://github.com/meltingice/ajax-chosen So, I've got the newest version of chosen (1.1.0), and the latest version of ajaxChosen. I initialize ajaxChosen as follows: $("#add_people").ajaxChosen({ type: 'GET', minTermLength: 3, afterTypeDelay: 300, dataType: 'json', url: 'http://cmcrm.chocolata.be/content/people.php?action=list_options' }, function (data) { var results = [];

I'm trying to chain selects with Chosen and Chained but I'm not sure if I'm implementing .chosen().change() correctly or if the error I'm getting is a bug. Here's what I've got: <select id="Inputfield_date" name="date" data-placeholder="Select event date"> <option value=""></option> <option value="WA">WA</option> <option value="QLD">QLD</option> <option value="VIC">VIC</option> <option value="NSW">NSW</option> <option value="SA">SA</option> </select> <select id="Inputfield_code" name="code" data-placeholder="Response code"> <option value=""></option> <option value="601" class="WA">601</option>

I am trying to get a jQuery Chosen select / dropdown list to work in a Bootbox modal. I have almost the same exact code working on a standard HTML page, so I thought it would be straight forward to just pop my list into a modal. I generate my divs and select objects in the modal, and then after it is "shown", I call Chosen: div.on("shown", function() { $(".chzn-select").chosen(); $(".chzn-select-deselect").chosen({allow_single_deselect:true}); myApp.init(); }); After this, Chosen seems to be broken. The select items are grayed out--I cannot click them. Inside myApp.init(), I populate the

JSFiddle I've set up a select with 3 option s (1 blank) in the fiddle. When I switch from foo to bar manually, the change listener fires normally. Now if I reset the select through JS with the code posted in some answers here , the change event does not fire for the newly selected blank option, furthermore, if I select the option which was selected before clicking in the reset button the onchange event won't fire either. I'm sure the select 's value is being changed with the function above, which can be seen in this fiddle , but the select 's onchange event simply doesn't fire. I've also tried