Submit onchange doesn't work

**RamananKalirajan** · Aug 25 '08, 07:27 AM

[HTML]function populate(){

ddlTestCenter = document.getEle mentById("regEx aminee");
ddlTestCenter = "ddlExamSchedul e.do";
ddlTestCenter.s ubmit();

} [/HTML]

please replace the code with

[HTML]function populate(){

ddlTestCenter = document.getEle mentById("regEx aminee");
ddlTestCenter.a ction = "ddlExamSchedul e.do";
ddlTestCenter.s ubmit();

} [/HTML]

this. Hope this will work. try it and post back ur result

Regards
Ramanan Kalirajan

**colyn7** · Aug 25 '08, 07:54 AM

thanks but it still didn't work..

Do I still need a helper of some class.. cause i kinda receive an error that there is a missing file in cgi-bin...

what could it be? am not using any tool in web app cause my pc is rather slow.. 512mb only, am using notepad++.. it would have been much easier if i'm using eclipse or netbeans cause it has some helper...

please.. anyone.. I was able to see the page.. but when i'll select an option, it won't reload the page or submit it when onChange on select option...

i hope someone will be able to help me on this...thanks..

**RamananKalirajan** · Aug 25 '08, 08:30 AM

Originally posted by colyn7

thanks but it still didn't work..

Do I still need a helper of some class.. cause i kinda receive an error that there is a missing file in cgi-bin...

what could it be? am not using any tool in web app cause my pc is rather slow.. 512mb only, am using notepad++.. it would have been much easier if i'm using eclipse or netbeans cause it has some helper...

please.. anyone.. I was able to see the page.. but when i'll select an option, it won't reload the page or submit it when onChange on select option...

i hope someone will be able to help me on this...thanks..

Hi for that function u have never made a call. Please explain me ur requirement dont confuse with ur codes. Just post onchange of the select the control should transfer to which page. On which component you want to make submit. please explain that clearly. I will surely help u out.

Regards
Ramanan Kalirajan

**Ferris** · Aug 25 '08, 08:46 AM

try this:

<select name="list" onChange="docum ent.getElements ByName['regExaminee'][0].submit();">

**acoder** · Aug 25 '08, 09:28 AM

colyn7, welcome to Bytes! Please remember to follow the posting guidelines when posting in the forum. Code tags are important as are good thread titles. I've added the missing code tags and changed the thread title for you. Please use a good one in future. Thanks!

**colyn7** · Aug 25 '08, 09:55 AM

Originally posted by acoder

colyn7, welcome to Bytes! Please remember to follow the posting guidelines when posting in the forum. Code tags are important as are good thread titles. I've added the missing code tags and changed the thread title for you. Please use a good one in future. Thanks!

thanks a lot.. am still a newbie here.. Thanks...

**RamananKalirajan** · Aug 25 '08, 10:02 AM

Originally posted by colyn7

thanks a lot.. am still a newbie here.. Thanks...

Wether u got ur code working

Regards
Ramanan Kalirajan

**colyn7** · Aug 25 '08, 10:03 AM

hmm.. thank you very much for the suggestion..

regarding the functions.. those are the functions i've tried calling onChange at select options.. but it didn't seem to work out..

On our project, the second option is dependent on the first selection..

that's why I have to submit the first selection for the second selection to appear...

But I can't submit it so far.. the page should reload when submitted, right? It didn't..

I think something's wrong on my following codes... that has nothing to do with the onChange.. because I've tried replacing my codes with this..

Code:

<Form Name="try"> <input type="hidden" name="hiddenopt" value="secret"> <select name="list" onChange="document.forms['try'].submit();"> <option value="1">First option</option> <option value="2">Second option</option> <option value="3">Third option</option> </select></form>

it seems to work out.. so i think the problem is not on the function but on the codes somewhere.. all my options comes from our database.. that's why its so hard on me.. But, I also tried removing the JSP codes from it and replace the options this

Code:

<select name="list" onChange="document.forms['try'].submit();"> <option value="1">First option</option> <option value="2">Second option</option> <option value="3">Third option</option> </select>

even though I've replaced it (the select options only not the whole form), it didn't work out...

I mean.. When I replaced the whole form, it worked out.. but when i replaced the select options only, it didn't.. Both removing the JSP codes.. what could be the problem on my codes?

**acoder** · Aug 25 '08, 11:05 AM

Originally posted by colyn7

On our project, the second option is dependent on the first selection..

that's why I have to submit the first selection for the second selection to appear...

That's not strictly true because you could use Ajax or load all the options and call a JavaScript function to change the options onchange, but what you're trying should also work.

I notice in your first post that some of the hidden fields are outside the form. What you've posted in the last post didn't work because the form isn't named "try".

**colyn7** · Aug 26 '08, 02:25 AM

thanks for the help.. the submit() seems to work but there seems to be an error still..

here is my code:

Code:

		 <form name="regExaminee" method="post" action="regExaminee.jsp" >   			   
<!--Start of Registration Form-->         
<% 			String testCenter = request.getParameter("ddlTestCenter"); 			
String driver = "com.mysql.jdbc.Driver";            
 String url = "jdbc:mysql://192.168.0.9:3306/WBITE?user=root";          	Connection con = null;             
ResultSet rs = null; 			
ResultSet rs2 = null;             
Statement stmt = null; 			
con = DriverManager.getConnection(url); 			
stmt = con.createStatement(); 		           %> 		 
<tr>             
<td style="text-align:right!important;width:130px">Test Center:</td>   
   	<td> 			
<input type="hidden" name="hiddenopt" value="secret"> 
<select name="ddlTestCenter" id="ddlTestCenter" style="width:180px" onChange="this.form.submit();">
<option value="">- Test Center -</option>
<% 		 			  try { 	                rs = stmt.executeQuery("CALL `WBITE`.`uspSelectTestCenter`()");
while (rs.next()) { 			 			%> 			
<option name="ddlTestCenterOption" id="ddlTestCenterOption" value="<%=rs.getString(1)%>" selected="selected"> <%=rs.getString(1)+" ("+ rs.getString(2) +")"%></option> 

<% 		 			}             
} catch (Exception e) {                 
System.out.println(e);             }             %> 
</select>
</td>
</tr> 
<tr>
<td style="text-align:right!important;width:130px">Exam Schedule:
</td>
<td> 
<select name="ddlExamSchedule" id="ddlExamSchedule" style="width:180px"" >
<option value="">- Exam Schedule -</option>
 <% 		if (testCenter!=null) 		{ 			  try { 	                rs2 = stmt.executeQuery("SELECT * FROM WBITE.examSchedule e where TestCenterName='"+testCenter+"';"); 	 
 while (rs2.next()) { 			 %>
<option name="ddlExamSchedule" id="ddlExamSchedule" value="<%=rs.getString(5)%>"> <%=rs.getString(2)+" ("+ rs.getString(3)+"-"+rs.getString(4)+")"%></option> 
 <%} 			
} catch (Exception e) { 
                System.out.println(e);             }          }   %> 			</select> 			
</td> 		
</tr> 	
</form>

and then its output is this...

and when i select an option, it becomes like this...

the layout is destroyed.. the another row seem to be in the same cell with the form...
why? what is wrong with my code.. i'll really appreciate any help...

**acoder** · Aug 26 '08, 11:11 AM

Can you post the client-side version of your code, i.e. as it appears in the browser.

**colyn7** · Aug 27 '08, 01:11 AM

i was able to solve that problem ablready.. the problem lies on the second combo box.. what could be something wrong in it.. i think it has something to do with the conditional clause...

**colyn7** · Aug 27 '08, 07:37 AM

i was able to retrieve the data from the 1st combo box.. thru Javascript, now my problem is how to pass that variable from Javascript to JSP...

like..

Code:

function getFirstData(theValue) 		
{ 			
  var firstComboValue = theValue; 
  alert(firstComboValue); 		
}

how can i pass the variable firstComboValue to JSP codes?

**colyn7** · Aug 27 '08, 07:52 AM

i've researched on this and found out its not possible... and here's a given tip from another forum..

Call your JSP that creates or executes the JavaScript script that puts a value into the JS Variable, something like this:

"page.jsp"

Code:

<script> ...  
var toJSPVar = doSomething(parameters);   document.location.href="pageAux.jsp?jspVAR=" + toJSPVar; ...
</script>

and then create the JSP execution code in auxiliar page
"pageAux.js p"

Code:

<%  
String jspVarFromJS = request.getParameter("jspVAR"); ... ... 
%>

where is that pageAux.jsp go? is it okay to call it from the same page?

and the jspVAR from

Code:

document.location.href="pageAux.jsp?jspVAR=" + toJSPVar;

,

what does it mean?

Submit onchange doesn't work

Submit onchange doesn't work

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment