Hide select option in IE using jQuery

by

I just came across this and instead of cloning the entire select over and over I just replaced the options that need to be hidden with span elements and hiding the spans ( though the browser didnt visually show them anyway, I think ) – you may need to change your code ( if complex ) to iterate through the spans for complex logic.

The spans store a reference to the option and replace themselves with it when they need to be shown.

This code can obviously be refactored and prettified.

http://fiddle.jshell.net/FAkEK/12/show/

EDIT #2 ( USE THIS INSTEAD ): It occurred to me that instead of doing all this clone/reference/replace crap, just wrap the option with a span, hide the span, and on show just replace the span with the option again..

http://fiddle.jshell.net/FAkEK/25/show/

More Related Contents:

  1. What is the best way to add options to a select from a JavaScript object with jQuery?
  2. Adding options to a using jQuery?
  3. Change the selected value of a drop-down list with jQuery
  4. How to populate a cascading Dropdown with JQuery
  5. jQuery get specific option tag text
  6. How do you remove all the options of a select box and then add one option and select it with jQuery?
  7. Removing an item from a select box
  8. Check if option is selected with jQuery, if not select a default
  9. How to use jQuery to select a dropdown option?
  10. What is the most efficient way to sort an Html Select’s Options by value, while preserving the currently selected item?
  11. How to keep cascade dropdownlist selected items after form submit?
  12. Creating a select box with a search option
  13. set option “selected” attribute from dynamic created option
  14. jQuery remove options from select
  15. Close a SELECT dropdown list programmatically with Javascript/jQuery
  16. How to hide optgroup/option elements?
  17. Can you have multiple lines in an element?
  18. navigator.geolocation.getCurrentPosition sometimes works sometimes doesn’t
  19. How to trigger jQuery change event in code
  20. Download image with JavaScript
  21. adding css file with jquery
  22. Throttle event calls in jQuery
  23. Filter strings in Array based on content (filter search value)
  24. What is the difference between jQuery’s mouseout() and mouseleave()?
  25. How to select a range of elements in jQuery
  26. Proper way to reset a GIF animation with display:none on Chrome
  27. jQuery x y document coordinates of DOM object
  28. Clear dropdown using jQuery Select2
  29. Passing JSON data from php to html-data attribute and then to Javascript
  30. How to fire jQuery function only if form is valid

Leave a Comment