Form Control with Dropdown

**bvarvel** · Nov 19, 2003 12:21

I have the following code:

PHP Code:


onchange="p_complete.disabled=!(this.selectedIndex==2)"

Which disables form element 'p_complete' is the third option is selected from this drop down. What I need to do is disable that element if the first, second or third option is selected.

Meaning something like:

PHP Code:


onchange="p_complete.disabled=!(this.selectedIndex==0 or this.selectedIndex==1 or this.selectedIndex==2)"

...but of course, obviously this doesn't work or I wouldn't be posting here.

Does anyone have an answer?

**xDev** · Nov 19, 2003 13:03

Originally Posted by bvarvel

What I need to do is disable that element if the first, second or third option is selected.

Try this:

HTML Code:

<html>
<head>
<title>Disable Select</title>
<script type="text/javascript">
function disableEm(el)
{
	switch(el.options[el.selectedIndex])
	{
		case (el.options[0]):
		case (el.options[1]):
		case (el.options[2]):
			el.disabled = true;
		break;
	}
}
</script>
</head>
<body>
<form>
<select onchange="disableEm(this)">
<option name="p_1">option #1</option>
<option name="p_2">option #2</option>
<option name="p_3">option #3</option>
<option name="p_4">option #4</option>
<option name="p_5">option #5</option>
</select>
</form>
</body>
</html>

User Tag List

Thread: Form Control with Dropdown

Thread Tools

Display

Form Control with Dropdown

Bookmarks

Bookmarks

Posting Permissions