Disable select

Hi, I would like to disable <select> </select>, but  still want users to see the whole dropdown list,
just not being able to select anything.
Who is Participating?
Gurvinder Pal SinghConnect With a Mentor Commented:
now check this, you can see all of them, but can't select them
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
		function resetBack(thisObj)
			thisObj.selectedIndex = 0;

	<select onchange="resetBack(this)">
		<option value="1">1</option>
		<option value="2">2</option>
		<option value="3">3</option>
		<option value="4">4</option>
		<option value="5">5</option>
		<option value="6">6</option>

Open in new window

Tom BeckCommented:
To include a visual indication that the list is disabled (grayed out) try this:

    <option value="val1" disabled="disabled" selected="selected">Value 1</option>
    <option value="val2" disabled="disabled">Value 2</option>
    <option value="val3" disabled="disabled">Value 3</option>
    <option value="val4" disabled="disabled">Value 4</option>
    <option value="val5" disabled="disabled">Value 5</option>
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.