Make the box value selection box disappeared / unclickable

Question

I have a standard HTML select dropdown

<select id="day" name="day">
<option value="0">All</option>
<option value="1">Mon</option>
<option value="2">Tue</option>
<option value="3">Wed</option>
<option value="4">Thu</option>
<option value="5">Fri</option>
</select>

But in some cases, I want to make some options that cannot be clicked, for example. the text is slightly faded if possible, and then nothing will happen if the text / value is selected.

Does anyone know how?

I am writing my page in PHP.

Answer 1

IE 6 requires javascript to disable the element. There is an error that prevents individual elements from being disabled.

, , , IE6: http://www.lattimore.id.au/2005/07/01/select-option-disabled-and-the-javascript-solution/

Answer 2

'disabled'.

<select>
<option value="1" disabled>1</option>
<option value="2">2</option>
</select>

, 1 , 2 .

Answer 3

There is a javascript solution here.

http://www.lattimore.id.au/2005/07/01/select-option-disabled-and-the-javascript-solution/

In IE, there is no way to do this without hacking JS.