Page submission on change of drop down value not working

[Vic Hood]

Hi All,
I came across a roadblock while developing my web app that uses JSP's .I use beans ,servlets and a JSP as view component. In my JSP , I have a form which has a dropdown as one of it's elements .The JSP also has a dynamically populated table that is populated on the basis of the selection in the drop down.
For this I have written the neccessary logic in my DAO layer , however Im confused as to how to reload the page based on the change in drop down value. As of now im using javascript.Somethign like this,

function changeHiddenInput(objDropDown) { var DTobjid=objDropDown.options[objDropDown.selectedIndex].value; document.getElementById('selectedval').value=DTobjid; alert(DTobjid); document.form.action="Main.jsp?DTobjid"; document.form.submit(); }

and the referencing html tag is

<INPUT 	TYPE="HIDDEN" NAME="selectedval" ID="selectedval">
	...
	...
	..
	<TD>Domain Type <SELECT NAME="dropdown" SIZE="1" ID="d-down"
		ONCHANGE="changeHiddenInput(this)">
		<c:forEach items="${dao.dtList}" var="dt">
			<OPTION VALUE="${dt.objid}"><c:out value="${dt.description}" /></OPTION>
		</c:forEach>

Am I doing something wrong?
Im a newbie and any help would be appreciated.
Thanks.

[Bear Bibeault]

Submitting the form under script control is fine.

One suggestion I would make: stop using all uppercase for your html. That's so 1996.

[Vic Hood]

Hi Bear,
Thanks for replying.I am using JS , however the table does not refresh upon changing the value in the drop down , upon running the code in firefox , firebug pointed out an error on the
document.form.action="Main.jsp?DTobjid"; line
Why is this?
Please help

[Bear Bibeault]

I always use document.getElementById() to address elements. It's a lot less fragile than the old-fashioned methods.

[Vic Hood]

Im sorry , but i didnt get what you meant.
I am using document.getElementById and its working fine too.
document.getElementById('selectedval').value=DTobjid;
However the error i face is at--

document.form.action="Main.jsp?DTobjid";
any pointers?

[Bear Bibeault]

Vic Hood wrote:I am using document.getElementById ...

But not here:

document.form.action="Main.jsp?DTobjid";

[Vic Hood]

Im sorry i didnt quite get what you meant in the above post :s

[Bear Bibeault]

document.form bad. document.getElementById() good.

[Vic Hood]

Again,Bear.
I really dont get what you mean?

[Bear Bibeault]

Use document.getElementById() to fetch references to elements. Always.

[Vic Hood]

Once again.
I am ]using document.getElementById()
In the lines.

document.getElementById('selectedval').value=DTobjid; 

what I m trying to figure out here
is how to submit to the form in the lines..

document.form.action="Main.jsp?DTobjid";
		document.form.submit();

Hope you understand .
EDIT:Human error

[Bear Bibeault]

I don't care about the other lines. "document.form" is a loser! Use document.getElementById() to get the reference to the form element.

[Vic Hood]

Thanks for the advice!works fine now. Here's the new snippet

	document.getElementById('Main').submit();	

where the form had an id='Main'

[Bear Bibeault]

Though I'd suggest a better name than "Main".

[Vic Hood]

Point taken!