How can I hide select options with JavaScript? (Cross browser)

by

Unfortunately, you can’t hide option elements in all browsers.

In the past when I have needed to do this, I have set their disabled attribute, like so…

$('option').prop('disabled', true);

I’ve then used the hiding where it is supported in browsers using this piece of CSS…

select option[disabled] {
    display: none;
}

More Related Contents:

  1. Get the size of the screen, current web page and browser window
  2. How to build PDF file from binary string returned from a web-service using javascript
  3. Cross-browser window resize event – JavaScript / jQuery
  4. Jquery load() only working in firefox?
  5. How do I get the (x, y) pixel coordinates of the caret in text boxes?
  6. How can I prevent the backspace key from navigating back?
  7. How can I make window.showmodaldialog work in chrome 37?
  8. Is there any problem with using HTML5’s “data-*” attributes for older browsers?
  9. Get the offset position of the caret in a textarea in pixels [duplicate]
  10. Proper way to detect WebGL support?
  11. Detecting an image 404 in Javascript
  12. How to display text in the browser status bar?
  13. Using image.complete to find if image is cached on chrome?
  14. Cross Browser Selection Range Library?
  15. How to do this mouse over effect in jquery?
  16. Creating a JavaScript global array with static elements?
  17. jQuery document.createElement equivalent?
  18. how to access iFrame parent page using jquery?
  19. Set attribute without value
  20. How do I catch jQuery $.getJSON (or $.ajax with datatype set to ‘jsonp’) error when using JSONP?
  21. Generate unique number within range (0 – X), keeping a history to prevent duplicates
  22. Close Current Tab
  23. Why does appending a to a dynamically created seem to run the script in the parent page?
  24. Math.round(num) vs num.toFixed(0) and browser inconsistencies
  25. How can I toggle the element that is clicked and hide all others?
  26. jQuery validate plugin on DIV
  27. Detect browser character support in javascript?
  28. how to get selection inside a div using jquery/javascript
  29. Get Correct keyCode for keypad(numpad) keys
  30. hide div if clicked outside of it [duplicate]

Leave a Comment