Submit onchange doesn't work

I really can't see what's wrong in my code... the submit() onChange doesn't work..

I've tried..

Expand|Select|Wrap|Line Numbers

 <select name="ddlTestCenter" id="ddlTestCenter" style="width:180px" onChange="this.form.submit();">
 

it doesn't work...

Expand|Select|Wrap|Line Numbers

 <input type="hidden" name="hiddenopt" value="secret"> <select name="list" onChange="document.forms['try'].submit();">
 

this one work on my test page.. but it didn't work when i embed it on my project..

here is the complete code of my webApp.. I'll truly appreciate and be grateful of whatever help you'll be able to give.. thanks in advance...

<%@ page import="java.sql.*" %>
<%@ page import="java.io.*" %>
<%@ page import ="java.util.*" %>
<%@ page import="java.text.*" %>
<%@page import ="java.lang.*" %>

[HTML]<html>
<head>

<LINK href="Admin/css/format.css" type="text/css" rel="stylesheet">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>WBITE Index</title>
<table width="100%" bgcolor="#FFFFFF">
<tr> <td height="10"></td></tr>
<tr>
<td width="159" height="45" align="right">
<img src="Admin/Images/logor.gif" width="159" height="45" /></td>
<td width="100%" valign="bottom" align="left">
<img align="bottom" src="Admin/Images/header.gif" alt="header" />
</td>
</tr>
<tr>
<td colspan="2" align="center" width="100%" background="Admin/Images/lineB.gif" height="23" valign="top">
</td>
</tr>

</table>
<script language="Javascript" type="text/javascript">
function matchPassword(password,otherpassword)
{
document.getElementById("password_match_status").s tyle.display="";
if (password == otherpassword)
{
document.getElementById("password_match_status").s tyle.display="<img src="../Images/ImageButtons/approve_ovr.gif"> Passwords Match";
}

else {
document.getElementById("password_match_status").s tyle.display = "<img src="../Images/ImageButtons/disapprove_ovr.gif"> Passwords Do Not Match";
}
}

function reloadForm(){
document.regExaminee.action = "regExaminee.jsp";
document.regExaminee.submit();
}

function populate(){

ddlTestCenter = document.getElementById("regExaminee");
ddlTestCenter = "ddlExamSchedule.do";
ddlTestCenter.submit();

}

</script>
</head>

<body>


<table width="100%">

<tr>
<td width="400" rowspan="4" align="center" valign="top">
<table width="400" cellpadding="3" cellspacing="0" bgcolor="#FEE9CB">

<input type="hidden" name="_submitted" value="1">
<input type="hidden" name="next" value="/">
<input type="hidden" name="tzoffset" value="">
<tr>
<td colspan="5" valign="top" bgcolor="#FBEFEF" align="center" width="400">
<table width="400" bgcolor="#FEE9CB" border="2">

<tr>
<td height="20" colspan="5" align="left" style="color:#FFFFFF; font-weight:bold; background-color:#641A00">Register Examinee </td>
</tr>
<tr>
<td align="center" valign="top" width="400" >

<form name="regExaminee" method="post" action="regExaminee.jsp" >


<%
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();
%>
<table cellpadding="3" bgcolor="#FEF9E9" width="400">
<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="javascript:void(0)">- Test Center -</option>
<%

try {
rs = stmt.executeQuery("CALL `WBITE`.`uspSelectTestCenter`()");
while (rs.next()) {
if(testCenter == rs.getString(1)){
%>
<option name="ddlTestCenterOption" id="ddlTestCenterOption" value="<%=rs.getString(1)%>" selected="selected"> <%=rs.getString(1)+" ("+ rs.getString(2) +")"%></option>
<%
}

else
{
%>
<option name="ddlTestCenterOption" id="ddlTestCenterOption" value="<%=rs.getString(1)%>"> <%=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>
<tr>
<td style="text-align:right!important;width:150px">Username:</td>
<td>
<input type="text" name="txtUserName" id="reg_username" value="" maxlength="100" style="width:180px">
</td>
</tr>
<tr>
<td style="text-align:right !important;">Password:</td>
<td>
<input type="password" name="txtPassword" id="txtPassword" value="" maxlength="17" style="width:180px"></td>
</tr>
<tr>
<td style="text-align:right !important;">Re-enter password: </td>
<td width="227" >
<input style="width:180px" type="password" name="txtPassword2" id="txtPassword2" maxlength="17" onKeyUp="match(this.value,txtPassword.value) " >
</td>
</tr>

<tr id="rowPassword" style="display:none">
<td> </td>
<td><span id="password_match_status"><img src="../Images/ImageButtons/disapprove_ovr.gif" alt="Does Not Match" width="35" height="25"> Passwords Do Not Match</span></td>
</tr>

<tr>
<td style="text-align:right !important;">First Name:</td>

<td><input style="width:180px" name="txtFirstName" maxlength="15" value="" type="text" onFocus="document.getElementById("rowPassword").st yle.display=''"></td>
</tr>
<tr>
<td style="text-align:right !important;">Last Name:</td>
<td><input type="text" name="txtContactNum" id="txtContactNum" value="" maxlength="100" style="width:180px" > </td>
</tr>
<tr>
<td style="text-align:right!important;width:130px">Contact Number:</td>
<td>
<input type="text" name="txtContactNum" id="txtContactNum" value="" maxlength="100" style="width:180px" > </td>
</tr>
<tr>
<td style="text-align:right!important;width:130px">Email Address:</td>
<td>
<input type="text" name="txtEmailAdd" id="txtEmailAdd" value="" maxlength="100" style="width:180px" > </td>
</tr>

<tr>
<td style="text-align:right !important;">Gender:</td>
<td valign="middle">
<input name="rdioGender" type="radio" value="Male" checked>Male
<input name="rdioGender" type="radio" value="Female">Female

</td>
</tr>

<tr><td height="17"></td></tr>
<tr>
<td></td>
<td colspan="2">

<input type="submit" name="submit" value="Register Examinee">

</td>
</tr>
</table> 

</form>

</td>

</tr>

</table>
</td>
</tr>
</table>



</td>

</tr>
<tr>
<td height="5"></td>
</tr>
</table>

</body>
</html>[/HTML]

Aug 25 '08 #1

Subscribe Post Reply

3039

RamananKalirajan

608

512MB

[HTML]function populate(){

ddlTestCenter = document.getElementById("regExaminee");
ddlTestCenter = "ddlExamSchedule.do";
ddlTestCenter.submit();

} [/HTML]

please replace the code with

[HTML]function populate(){

ddlTestCenter = document.getElementById("regExaminee");
ddlTestCenter.action = "ddlExamSchedule.do";
ddlTestCenter.submit();

} [/HTML]

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

Regards
Ramanan Kalirajan

Aug 25 '08 #2

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..

Aug 25 '08 #3

RamananKalirajan

608

512MB

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

Aug 25 '08 #4

Ferris

101

100+

try this:

<select name="list" onChange="document.getElementsByName['regExaminee'][0].submit();">

Aug 25 '08 #5

acoder

16,027

Expert Mod 8TB

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!

Aug 25 '08 #6

colyn7

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...

Aug 25 '08 #7

RamananKalirajan

608

512MB

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

Wether u got ur code working

Regards
Ramanan Kalirajan

Aug 25 '08 #8

colyn7

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..

Expand|Select|Wrap|Line Numbers

 <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

Expand|Select|Wrap|Line Numbers

 <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?

Aug 25 '08 #9

acoder

16,027

Expert Mod 8TB

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".

Aug 25 '08 #10

colyn7

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

here is my code:

Expand|Select|Wrap|Line Numbers

          <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...

Aug 26 '08 #11

acoder

16,027

Expert Mod 8TB

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

Aug 26 '08 #12

colyn7

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...

Aug 27 '08 #13

colyn7

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..

Expand|Select|Wrap|Line Numbers

 function getFirstData(theValue)         

{             

  var firstComboValue = theValue; 

  alert(firstComboValue);         

}

how can i pass the variable firstComboValue to JSP codes?

Aug 27 '08 #14

colyn7

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"

Expand|Select|Wrap|Line Numbers

 <script> ...  

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

</script>

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

Expand|Select|Wrap|Line Numbers

 <%  

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

Expand|Select|Wrap|Line Numbers

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

,

what does it mean?

Aug 27 '08 #15

acoder

16,027

Expert Mod 8TB

It is possible to pass a JavaScript value to the server-side. Use a form and set a hidden field and submit it, or pass it in the URL as almost shown in your last post. It should be window.location.href, not document.location.href.

Aug 27 '08 #16

Similar topics

select listbox that does a form submit

by: Jason Novotny | last post by:

Hi, I'm trying to create a listbox using <select> HTML tags that can do a form submit when an option in the list is selected. So far this works, function MySelectSubmit() {...

Javascript

Auto Submit

by: scott | last post by:

I have a combo in LISTING 2 that I'm trying to force a sumbit when a user makes a change. Can anyone see why it doesn't fire LISTING 2 code? It just doesn't do anything. What I'm really trying to...

ASP / Active Server Pages

onClick, onChange problems with form submit

by: Andy Goldstein | last post by:

I have a table where all the TRs have an onClick handler registered. One (and only one) of the rows has 2 text input boxes, where each textbox has an onChange handler registered. Both the onClick...

Javascript

How can I add a 'non-existant' field and value at submit() time???

by: charlie_M | last post by:

I figured out via various help from this forum... EXAMPLE: onClick="document.forms.MYBUTTON.value='SIMPLE';document.forms.submit()" In my CGI I see "MYBUTTON" = "SIMPLE" and this works...

Javascript

submit button and onchange.submit

by: a10392 | last post by:

Hi, I'am triyng to create a form where i have 2 comboBox and 2 textbox, when the selection changes on the first combo , the content of second also changes. i have to use onchange=form.submit() ...

PHP

submit within onchange not working correctly in Firefox

by: Pascal Batzli Jr | last post by:

Hello, I have a strange situation happening on the code below. When I first load the page, as I change any of the three combo boxes I have created, the onchange event is fired and the form should...

Javascript

forms using keyPress onChange to submit or not to submit

by: awebguynow | last post by:

to submit or not to submit - that is the question and I'm going to be designing some lengthy forms, where many of the fields may be populated with data, and the user may only want to view it. ...

Javascript

dynamically creating rows + submit fails

by: somaskarthic | last post by:

Hi In my php code , i dynamically created table rows on button click event. Each row contain 3 selectboxes, 7 checkboxes . On each click of these elements i need to submit the form and save the...

PHP

<select onchange="this.form.submit()"> and Submit button on one form

by: white lightning | last post by:

How to have <select onchange="this.form.submit()"and also a Submit button on one form? I have something like this: <form action="<?php $_SERVER; ?>" method="post"...

Javascript

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice