JavaScript SELECT box problem

Dev Shed Forums Sponsor:

February 6th, 2002, 01:52 PM

Jefferrs

Junior Member

Join Date: Jan 2002

Posts: 2

Time spent in forums: < 1 sec
Reputation Power: 0

JavaScript SELECT box problem

Hi y'all

Can anyone figure out a problem with this? It's probably stupidly simple but I can't spot it.

Look at URL - you can see that the script is meant to display a message on the right-hand side of the page, depending on what is chosen from the drop-down box on the left. BUT the script won't let you select anything other than the very last item (in IE6). Why?

Here's the code:

Code:

<textarea name="add" style="float:right;background-color:white;color:black;font-family:Arial,Helvetica,Monaco;size:normal;border:0px;width:350px;overflow:visible">
</textarea>
<form method="post" action="" name="listpanes">
	<select name="comID" onChange="changeDescription()">
		<option value="">+select+</option>
		<option value="">msg one</option>
		<option value="">msg two</option>
	</select>
</form>

<SCRIPT LANGUAGE="JavaScript" type="text/javascript">

function changeDescription() {
	if(document.listpanes.comID.selectedIndex="1") {	
	add.value='Message ONE';
	add.disabled=1;
	}
	if(document.listpanes.comID.selectedIndex="2") {	
	add.value='Message TWO';
	add.disabled=1;
	}
}

</script>

Last edited by Jefferrs : February 6th, 2002 at 01:55 PM.

February 6th, 2002, 05:21 PM

Jonathon

T-Shirt Tragic

Join Date: Mar 2001

Location: Melbourne, Australia

Posts: 886

Time spent in forums: 1 Week 4 Days 6 h 53 m 39 sec
Reputation Power: 320

most of your html code was missing from the document, the textarea element was outside the form tags and you were trying to reference a form element without first referencing the form object ...
try this-

Code:

<html>
<head>
<title></title>
<script LANGUAGE="JavaScript" type="text/javascript">

function changeDescription() {
    
    if (document.listpanes.comID.selectedIndex > 0)
        document.listpanes.add.value=document.listpanes.comID.value;

}
</script>
</head>
<body>



<form method="post" action="" name="listpanes">

<select name="comID" onChange="changeDescription()">
<option value="">+select+</option>
<option value="Message ONE">msg one</option>
<option value="Message TWO">msg two</option>
</select>

<textarea name="add"></textarea>
</form>
</body>
</html>

February 6th, 2002, 07:19 PM

Jefferrs

Junior Member

Join Date: Jan 2002

Posts: 2

Time spent in forums: < 1 sec
Reputation Power: 0

Thank you

Viewing: Dev Shed Forums > Web Design > JavaScript Development > JavaScript SELECT box problem

« Previous Thread | Next Thread »

Developer Shed Advertisers and Affiliates

Thread Tools	Search this Thread
Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Posting Rules
You may not post new threads You may not post replies You may not post attachments You may not edit your posts vB code is On Smilies are On [IMG] code is On HTML code is Off

View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox

Forum Jump