Thesis Hide Selected Option For Free

How about add a click event on the select to disable the first option.You have to fix syntax error - value=""disabled should be disabled="disabled" + remove odd closing </select> tags.@Evgeniy oops that </select> belongs to other part of my code.More items...?Mar 24, 2017

The default value of the select element can be set by using the 'selected' attribute on the required option. This is a boolean attribute. The option that is having the 'selected' attribute will be displayed by default on the dropdown list.

How about add a click event on the select to disable the first option.You have to fix syntax error - value=""disabled should be disabled="disabled" + remove odd closing </select> tags.@Evgeniy oops that </select> belongs to other part of my code.More items...?Mar 24, 2017

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 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.

Step 2 - disable first option by code$( "#category option:first-child" ) - select first child (option in this case) of select menu with id of category . first-child-selector docs.attr("disabled","disabled"); - set disable attribute by jquery. jQuery attr() Method docs // disable attribute docs.

According to HTML specs, the select tag in HTML doesn't have a readonly attribute, only a disabled attribute. So if you want to keep the user from changing the dropdown, you have to use disabled .