Question

I have a multiple selection SELECT field which I don’t want the end user to be able to change the value of.

For UI reasons, I would like to be able to do this without using the disabled=’true’ attribute. I’ve tried using onmousedown, onfocus, onclick and setting each to blur or return false but with no success.

Can this be done or am I trying to do the impossible?

Answer 1

I know you mentioned that you don’t want to, but I actually think that using the disabled attribute is a better solution:

<select multiple='multiple'>     <option value='volvo' selected='true' disabled='disabled'>Volvo</option>     <option value='saab' disabled='disabled'>Saab</option>     <option value='opel' disabled='disabled'>Opel</option>     <option value='audi' disabled='disabled'>Audi</option> </select> 

If necessary, you can always give the select a class and style it with CSS. This solution will work in all browsers regardless of scripting capabilities.