Problem passing hidden field

Question

Hi,
I have created a hidden field on my jsp page and called the onsubmit method for the form hoping to pass this hidden field to my servlet. It keeps returning empty. Could someone look at my code and help me out? The on submit is calling a piece of javascript. Thanks!
JSP:
<form action="/partnerDB/servlet/editLangProfile" method="post" onSubmit="populateHidden(selectedOptions,hidden1)" style="margin:0">
<input type="hidden" name="partID" value="<%= pid %>">
<input type="hidden" name="hidden1">
<%
StringBuffer options = new StringBuffer();
ResultSet rs = statement.executeQuery("Select partid, language from partDB.profile_lang "
+ "where partid = '" + pid + "' ");
while (rs.next()) { 
options.append("<option value=\"" + rs.getString("language") + "\">" + rs.getString("language") + "</option>\n");
%>
<tr>
<td><select multiple size="10" id="availableOptions" name="availableOptions">
<%= langString %>
</select> </td>
<td valign="top">
<td class="tableimgcol" width="40" onClick="copySelected(availableOptions,selectedOptions)"><img src="/partnerDB/images/ArrowRightAdd.gif">
<br><onClick="copyAll(availableOptions,selectedOptions)"><img src="/partnerDB/images/ArrowDoubleRight.gif">
     <br>      
     <br>
<td class="tableimgcol" width="40" onClick="remSelected(selectedOptions,availableOptions)"><img src="/partnerDB/images/ArrowLeftRemove.gif">
<br><onClick="remAll(selectedOptions,availableOptions)"><img src="/partnerDB/images/ArrowDoubleLeft.gif">
</td>
<td><select id="selectedOptions" name="selectedOptions" multiple size="10">
<%=options.toString()%>
</select></td>
</tr>
<input type="submit" value=" OK " class="mmhide_btn" onmouseover="hov(this,'mmhide_btn mmhide_btnhov')" onmouseout="hov(this,'mmhide_btn')" />
<input type="button" value=" Cancel " class="mmhide_btn" onmouseover="hov(this,'mmhide_btn mmhide_btnhov')" onmouseout="hov(this,'mmhide_btn')" onclick="window.location.href='LangProfile.jsp?partID=<%= pid %>'" />
Servlet:
public class editLangProfile extends HttpServlet {
     public void doPost(HttpServletRequest request,
HttpServletResponse response)
throws IOException, ServletException {
String PartID = request.getParameter("partID");
String next = null;
String[] Language = request.getParameterValues("hidden1");
if (PartID.length() != 0 ) {
                         try {
                    statement.executeUpdate("Delete * from partdb.profile_lang where partid = \"" + PartID + "\" ");
          for(int j=0; j<Language.length; j++)
                    statement.executeUpdate("Insert into partdb.profile_lang (language, partid) "
                         + " values(\"" + Language[j] + "\", \"" + PartID + "\") ");
                    next = "/partnerDB/partners/LangProfile.jsp?m=modified&partID=" + PartID;
     connection.close();
               catch (Exception e) {
               PrintWriter out = response.getWriter();
               out.println("<pre>");
               PrintWriter errorOut = new PrintWriter(out);
               e.printStackTrace(errorOut);
out.println("<br></pre>" + e);
     else {
                    next = "/partnerDB/partners/LangProfile.jsp";
response.sendRedirect(next);
     public void doGet(HttpServletRequest request,
HttpServletResponse response)
throws IOException, ServletException {
               doPost(request, response);
}

Answer 1

Sorry about the code part, I will use the button next time. I tried out the alert and 2 messages pop up the first says that it is "calling onSubmit" the second shows my changes. Here is the javascript:
function deleteOption(object,index) {
    object.options[index] = null;
function addOption(object,text,value) {
    var defaultSelected = true;
    var selected = true;
    var optionName = new Option(text, value, defaultSelected, selected)
    object.options[object.length] = optionName;
function copySelected(fromObject,toObject) {
    for (var i=0, l=fromObject.options.length;i<l;i++) {
        if (fromObject.options.selected)
addOption(toObject,fromObject.options[i].text,fromObject.options[i].value);
function delOption(object,text,value) {
var defaultSelected = true;
var selected = true;
var optionName = new Option(text, value, defaultSelected, selected)
object.options[object.length] = optionName;
function remSelected(fromObject,toObject) {
for (var i=fromObject.options.length-1;i>-1;i--) {
if (fromObject.options[i].selected)
deleteOption(fromObject,i);
function copyAll(fromObject,toObject) {
for (var i=0, l=fromObject.options.length;i<l;i++) {
addOption(toObject,fromObject.options[i].text,fromObject.options[i].value);
function remAll(fromObject,toObject) {
for (var i=0, l=fromObject.options.length;i<l;i++) {
delOption(toObject,fromObject.options[i].text,fromObject.options[i].value);
for (var i=fromObject.options.length-1;i>-1;i--) {
deleteOption(fromObject,i);
function populateHidden(fromObject,toObject) {
var output = '';
for (var i=0, l=fromObject.options.length;i<l;i++) {
output += escape(fromObject.name) + '=' + escape(fromObject.options[i].value) + '&';
alert(output);
toObject.value = output;
/code]