jQuery Chosen plugin add options dynamically

by

First, you need to add the <option>s to the <select> that Chosen was bound to. For example:

$('.blah').append('<option value="foo">Bar</option>');

Then, you need to trigger the chosen:updated event:

$('.blah').trigger("chosen:updated");

More information can be found here (although you need to scroll down to Change / Update Events).

Update 7th August 2013

The event name has changed to chosen:updated since version 1.0 (July 2013) as Tony mentions in the comments. The updated documentation can be found here.

More Related Contents:

  1. How can I use jQuery validation with the “chosen” plugin?
  2. Clear and refresh jQuery Chosen dropdown list
  3. How do I reset a jquery-chosen select option with jQuery?
  4. How can I change the numbers in jQuery? [closed]
  5. Replace 0 in form field with empty by jQuery
  6. Why should I use Google’s CDN for jQuery?
  7. jQuery: Best practice to populate drop down?
  8. jQuery click events not working in iOS [duplicate]
  9. Selecting HTML comments with jQuery
  10. How to get screen width without (minus) scrollbar?
  11. Cannot modify content of iframe, what is wrong?
  12. How to show/hide an element on checkbox checked/unchecked states using jQuery?
  13. jQuery: Check if image exists
  14. How can I get the corresponding table header (th) from a table cell (td)?
  15. jQuery if div contains this text, replace that part of the text
  16. jQuery UI Dialog Button Icons
  17. How do I select elements on multiple attribute values
  18. How can I disable a button on a jQuery UI dialog?
  19. jQuery, checkboxes and .is(“:checked”)
  20. Twitter Bootstrap add active class to li
  21. Ajax post serialize() does not include button name and value
  22. Animate an element’s width from 0 to 100%, with it and it’s wrapper being only as wide as they need to be, without a pre-set width, in CSS3 or jQuery
  23. Use jQuery to convert JSON array to HTML bulleted list
  24. How to get form html() via jQuery including updated value attributes?
  25. CSS Transition Not Firing
  26. Run a function in time interval in jQuery
  27. jQuery: How to use each starting at an index other than 0
  28. Targeting multiple forms to send via ajax (jquery)
  29. $(this).val() not working to get text from span using jquery
  30. Move list item to top of unordered list using jQuery

Leave a Comment