Disable/readonly select tag in html

html select readonly
user818700 picture user818700 · Nov 29, 2011 · Viewed 73.5k times · Source

How exactly can I go about making a select tag readonly. I've read that you can't set a select as readonly. I do that I can set it as disabled but... That is not an option. I would like the user to view the rest of the options in the select tag, but not be able to pick one of them..

Any ideas?

Answer

Muhammad Saifuddin picture Muhammad Saifuddin · Nov 29, 2011

you can use disabled attribute.

for example.

<select >
  <option disabled="disabled" value="volvo">Volvo</option>
  <option disabled="disabled" value="saab">Saab</option>
  <option disabled="disabled" value="mercedes">Mercedes</option>
  <option disabled="disabled" value="audi">Audi</option>
</select>

Related questions

Get index of selected option with jQuery

I'm a little bit confused about how to get an index of a selected option from a HTML <select> item. On this page there are two methods described. However, both are always returning -1. Here is my jQuery …

Read More
Why does the jquery change event not trigger when I set the value of a select using val()?

The logic in the change() event handler is not being run when the value is set by val(), but it does run when user selects a value with their mouse. Why is this? <select id="single"> <option&…

Read More
Can I apply the required attribute to <select> fields in HTML5?

How can I check if a user has selected something from a <select> field in HTML5? I see <select> doesn't support the new required attribute... do I have to use JavaScript then? Or is there something …

Read More