Agreement Hide Selected Option For Free

In order to enable or disable Select2, you should call . prop('disabled', true/false) on the element.

HTML for Select Hidden ElementHide a select box by putting styling options on it using HTML and CSS to make it invisible. The two principal ways to do this using CSS and HTML to hide an element are with the visibility style attribute and the display style attribute.

HTML for Select Hidden Element Hide a select box by putting styling options on it using HTML and CSS to make it invisible. The two principal ways to do this using CSS and HTML to hide an element are with the visibility style attribute and the display style attribute.

A disabled option is unusable and un-clickable. The disabled attribute can be set to keep a user from selecting the option until some other condition has been met (like selecting a checkbox, etc.). Then, a JavaScript is required to remove the disabled value, and make the option selectable.

You have to implement two methods for hiding. display: none works for FF, but not Chrome or IE. So the second method is wrapping the <option> in a <span> with display: none . FF won't do it (technically invalid HTML, per the spec) but Chrome and IE will and it will hide the option.

The following jQuery will work in Internet Explorer, Firefox and Goolge Chrome (as well as other browsers). it will hide and disable the option: $('select optionvalue=saab'). attr('disabled', 'disabled').

Setting this property to none will do the job. It explicitly tells the browser to not assign any other value to that property, which in turn results in the removal of the default arrow icon.