Retaining drop down values on page submit

[Vic Hood]

Hi Friends,
Im facing a problem while in my web app.I have a drop down in my jsp , that contains a list of choices , the user selects one of the choices and hits submit, however upon form submission the page is reset to the value corresponding to the first value in the drop down , why is this happening?
I use a javascript to submit the page upon change in the drop down . Ive pasted the code im using for the same .It would be great if anyone could point where im going wrong .Thanks

the JS
function changeHiddenInput(objDropDown) { var DTobjid=objDropDown.options[objDropDown.selectedIndex].value; document.getElementById('selectedval').value=DTobjid; alert(DTobjid); document.getElementById('Main').submit(); }
where "Main " is the name of the jsp im submitting to ..

[Bear Bibeault]

Why would you expect it to be retained? if the page is reloaded, it's like it's a completely new page to the browser. The browser doesn't care that on the previous request it was the same page.

If you want to retain the value, you actually need to restore the selection by placing the selected attribute on the appropriate option element.

[Ravi Majety]

Yes you can do that. You can do that by making use of ajax.

Instead of page submission. You submit the values to the destination jsp page by sending it through ajax. So in this , there would be no reload or submission of total page. You can even get the status through ajax. when you got the sucessfull status, then you can even keep an alert displaying "submission is successful".

May be this is not the preferrable one, but this is also an way where we can do it.

Thank you

[Vic Hood]

Hi Bear and ravi,
Thanks for replying!.
I want to do the exact same thing as suggested by Bear , but at a loss on how to go about it ..right now this is how my jsp code runs ..

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

.......

<FORM METHOD="POST" ACTION="DAO" NAME="crudForm" action="Main.jsp" ID="Main"><INPUT
	TYPE="HIDDEN" NAME="selectedval" ID="selectedval"><!-- Hidden variable to store selected domaintype -->
........
...
<TD>Domain Type <SELECT NAME="dropdown" SIZE="1" ID="d-down"
		ONCHANGE="changeHiddenInput(this)">
		<OPTION  VALUE="-1" label="--Select--" >
		<c:forEach items="${dao.dtList}" var="dt">
					<OPTION  VALUE="${dt.objid}" ><c:out value="${dt.description}"  /></OPTION>
		</c:forEach>
	</SELECT> 
...

Could you please explain by helping about how i should modify my code?

@ravi,
Thanks for your reply, however i dont have knowledge of ajax , so I dont think i would be able implement it.

[Robin John]

Bear Bibeault wrote: ....
If you want to retain the value, you actually need to restore the selection by placing the selected attribute on the appropriate option element.

vic, as Bear has mentioned, to retain the value you have to use the 'selected' attribute of option tag.

<select name="myName" size="1" id="d-down">
<option  value="-1" label="--Select--" >   
<!--c:forEach items="${dao.dtList}" var="dt">   
                    <option value="${dt.objid}" [b]selected="true"[/b]><c:out value="${dt.description}"  /></option>   
</c:forEach--> 
</select>

Note- you could have put the 'select' attribute in there.. but since you are iterating over the list, your code will put the selected attribute at all the option tags.. so one way I can think off is to put the selected attribute after you render the page in javascript.

[Vic Hood]

Robin John wrote:
Note- you could have put the 'select' attribute in there.. but since you are iterating over the list, your code will put the selected attribute at all the option tags.. so one way I can think off is to put the selected attribute after you render the page in javascript.

thanks a lot for replying Robin,
I did try your approach earlier however, like you pointed out , all of them appear to be selected:(. How do i modify my javascript to accommodate the same?
Thank you.

[Robin John]

Remove the 'selected' attribute from the loop and add the script after body load

<script>
document.getElementById("d-down").options.selectedIndex=3;
</script>

please test this... and remember the selectedIndex starts from 0, you can put some logic as to which index to find.

[Vic Hood]

Thanks for the reply Robin!
I will try the snippet that you have provided , however if I the snippet worked as intended ,wouldnt the drop down be set to the one corresponding to value='3'? always? Im a newbie so please pardon if it was a lame question :s

[Robin John]

Vic Hood wrote:
....
wouldnt the drop down be set to the one corresponding to value='3'? always?

exactly, that was just an example to show how you should use the script. You can set your own value which you want to select.

[Vic Hood]

Hi Robin ,
Thank you for replying .I did try your snippet and did work by setting the value of the drop down to a fixed value . E.g like in your example setting it sets to the one corr. Value of '3' but when I do something like

<script>

document.getElementById("d-down").options.selectedIndex=<%request.getParameter("domainType_Oid");%>  

</script>  

The script fails . COuld you please point to where I'm going wrong ? Thanks .

[Bear Bibeault]

One: scriptlets? why not the EL?

Two: if it's script that's failing, looking at the JSP source is not helpful. What does this turn onto on the client?

[Vic Hood]

Bear Bibeault wrote:One: scriptlets? why not the EL?

Well , on reason in particular, after having used scriptlets for a while , they came off the back of my mind ,also I wasnt sure if EL would work in this case

Bear Bibeault wrote:
Two: if it's script that's failing, looking at the JSP source is not helpful. What does this turn onto on the client?

Im guessing you are asking how does the HTML source of the rendered page look like ?
It detects the script only when i hard code the value of the dropdown like -'3', but when i put in the scriptlet it fails as in not shown in the source at all,
Any idea where im going wrong?

[Bear Bibeault]

Vic Hood wrote: I wasnt sure if EL would work in this case

WHen that's the case, then it usually means you are doing something you shouldn't be! But in this case, grabbing a param value is easy as pie. Or a piece of cake. I can't remember which.

Bear Bibeault wrote:Im guessing you are asking how does the HTML source of the rendered page look like ?

Yup. That's all the browser cares about.

not shown in the source at all,

The either your scriptlet (ick!) or your assumption of what's available is wrong.

[Vic Hood]

Thanks for replying bear!
I did try something like this ..

 <script>  
  document.getElementById("d-down").options.selectedIndex="${domain.domainTypeOid}";   
 </script> 

And I was able to view the value of domainTypeOid upon initial page load .(in the rendered source).However , when I clicked on one of the values in the drop down , the page submitted and reloaded but the script (above) was missing in the new page().also , the table structure that displays in the page is non exsistent in the jsp page . I have no clue how this is occuring . Any ideas on where im fumbling?

[Robin John]

Vic Hood wrote:
when I clicked on one of the values in the drop down , the page submitted and reloaded but the script (above) was missing in the new page().also , the table structure that displays in the page is non exsistent in the jsp page . I have no clue how this is occuring . Any ideas on where im fumbling?

This generally happens when the rendering of the page stops at a point, then the rest of the page is not shown in the source. Find out where it stops, this problem might be different - for example - not populating your dropdowns each and everytime etc. Separating different tags might help you.

[Vic Hood]

Thanks for the reply John! That was a red herring .My servlet class was redirecting to an older version of the jsp. which is why i was seeing 'non exsistent' tables :s Im sorry .
However, when i do try running the program , and change the dropdown , the value is not being passed . The page always sets the "${domain.domainTypeOid}"; to 0, why is this?

[Robin John]

Vic Hood wrote:
However, when i do try running the program , and change the dropdown , the value is not being passed . The page always sets the "${domain.domainTypeOid}"; to 0, why is this?

you tell me ? how do you pass the value when you change it ? are you using Ajax / Javascript ? how ? as far as I know... the page wont set anything unless you want it to...

[Vic Hood]

Okay . Im using javascript in the function

 function changeHiddenInput(objDropDown) {  
        var DTobjid=objDropDown.options[objDropDown.selectedIndex].value;     
        document.getElementById('selectedval').value=DTobjid;  
        alert(DTobjid);  
        document.getElementById('Main').submit();  
        }  
.......
...// In the definition of the dropdown I do
<INPUT  
    TYPE="HIDDEN" NAME="selectedval" ID="selectedval">
<TD>Domain Type <SELECT NAME="dropdown" SIZE="1" ID="d-down"  
        ONCHANGE="changeHiddenInput(this)">  
        <OPTION  VALUE="-1" label="--Select--" >  ...
...

When the page submits , I take the value of selectedval in my servlet and assign it to a variable and process it and assign it to the bean property domainTypeOid.
However , when I change the drop down value , this is not reflected in the value of domainTypeOid.. why so?

EDIT : To add corresponding servlet code..

public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException{
	..
  String Dtype=request.getParameter("selectedval");
..
                                                                       if(Dtype=="")
			                                                     Dtype="1";
										domainType_Oid=Integer.parseInt(Dtype);
..
bean.setDomainTypeOid(domainType_Oid);
RequestDispatcher rd = request.getRequestDispatcher("POC.jsp?Dtype="+domainType_Oid);
rd.forward(request, response);
....

[Robin John]

Vic Hood wrote: RequestDispatcher rd = request.getRequestDispatcher("POC.jsp?Dtype="+domainType_Oid);

so does it open the POC.jsp ? and if yes what does the 'Dtype' in the URL contain ?

[Vic Hood]

Hi Robin,
Thanks for replying.
Im afraid it doesnt work the way I expect it to ..
When i change the value in the drop down the url changes from
http://localhost:8080/CRUDJspBean/
to
http://localhost:8080/CRUDJspBean/DAO
where DAO is the name of my servlet to which the form submits , however the parameter is not being passed.

Thanks for helping out

[Robin John]

Vic Hood wrote: <FORM METHOD="POST" ACTION="DAO" NAME="crudForm" action="Main.jsp" ID="Main"><INPUT
TYPE="HIDDEN" NAME="selectedval" ID="selectedval"><!-- Hidden variable to store selected domaintype -->

what did you mean by this ?

action / ACTION means the same...

[Vic Hood]

My Bad!
Thanks for replying Robin! That was an oversight! I only intended to have

 <FORM METHOD="POST" ACTION="DAO" NAME="crudForm"  ID="Main">

However , making that change has no effect either.
Thanks .

[Robin John]

can you paste your full jsp, servlet and the configuration files ?

[Vic Hood]

Thank you for replying ,Robin !
Im pasting my jsp file below .

<%@ taglib uri="http://displaytag.sf.net" prefix="display"%> 
<%@page import="com.jspcrud.bean.DomainBean"%>
<HTML>
<HEAD>
<TITLE>Domain database</TITLE>
</HEAD>
<BODY>
<%@ page import="java.util.*"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>


<SCRIPT TYPE="text/javascript">

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

 	function selectobjID(objid){
	 	document.getElementById('selectedID').value=objid;
	 	alert(document.getElementById('selectedID').value);
	 	document.getElementById('Main').submit();	 
 }
 


</SCRIPT>


<jsp:useBean id="dao" scope="request" class="com.jspcrud.dao.DAO" />
<jsp:useBean id="domain" scope="request" class="com.jspcrud.bean.DomainBean"/>

<jsp:setProperty property="*" name="domain" />


<FORM METHOD="POST" ACTION="DAO" NAME="crudForm"  ID="Main"><INPUT
	TYPE="HIDDEN" NAME="selectedval" ID="selectedval"><!-- Hidden variable to store selected domaintype -->
<INPUT TYPE="HIDDEN" NAME="selectedID" ID="selectedID">
<TR>

	<TD>Domain Type <SELECT NAME="dropdown" SIZE="1" ID="d-down"
		ONCHANGE="changeHiddenInput(this)">
		<OPTION  VALUE="-1" label="--Select--"  selected="true">
		<c:forEach items="${dao.dtList}" var="dt">
					<OPTION  VALUE="${dt.objid}" ><c:out value="${dt.description}"  /></OPTION>
		</c:forEach>
	</SELECT> <BR />
	</TD>
</TR>
<TR>
	<TD>Code<INPUT TYPE="TEXT" NAME="code" SIZE="20" VALUE="${domain.code}"><BR>
	</TD>
	<TD>Description<INPUT TYPE="TEXT" NAME="description" SIZE="20"	VALUE="${domain.description}"><BR>
	</TD>
</TR>
<TR>
	<TD>Active<INPUT TYPE="CHECKBOX" NAME="statusActive" VALUE="${domain.statusActive}"  /></TD>
	<TD>Editable<INPUT TYPE="CHECKBOX" NAME="statusEdit"VALUE="${domain.statusEdit}" ></TD>
	<BR />
</TR>

<HR>
<INPUT TYPE="SUBMIT" VALUE="Submit"></FORM>


<BR>

	
<%System.out.println("I think domList is being accessed");%>
	    <display:table name="${dao.domList}" pagesize="2" id ="dl" export="true">
	         
       <display:column property="code"/>     
       <display:column property="description"/>    
       <display:column  property="statusActive"/>   
       <display:column  property="statusEdit"/>  
       <display:column title="Edit">  
       <c:set var="id" value="${dl.objid}" />  
        <a href="POC.jsp?${id}" onclick="selectobjID(${id})">Edit </a>   
    </display:column>  
         
 	<display:setProperty name="export.pdf.filename" value="POC.pdf"/>
<display:setProperty name="export.excel.filename" value="POC.xls"/>
    </display:table>   
 
     
</BODY>
   <script>  
  
document.getElementById("d-down").options.selectedIndex="${domain.domainTypeOid}"; } 
  
</script> 
</HTML>

Ive created a pastebin file for my servlet here to avoid clogging the page and my web.xml here.
Thank you once again for taking the time out to reply .

[Robin John]

okay, so what is your problem now ? is it still just retaining the dropdown value ?

[Vic Hood]

Hi Robin,
Thanks for replying!
Well my problem , as from the beginning is that , the drop down value is being reset to the first value upon page submission .Ie. no matter what I click from the drop down , the page submits and shows me a list of rows that correspond to the first selection in the drop down .
However I did do some debugging , and did a bit of change to my servlet code by removing the lines.

	if(Dtype=="")
			Dtype="1";
			domainType_Oid=Integer.parseInt(Dtype);
			System.out.println("the domaintype oid selected is"+domainType_Oid);	
						// End of Dtype.

where Dtype is the String that stores the value obtains the value of the selected dropdown .


Now , when I run my code and click on a value from the dropdown , the page submits and prints"Nothing found to display". However, through logging statments in my DAO i can see that the corresponding result set to that particular domaintype is being fetched , however its not being printed .Any clues as to why is this happening?

[Robin John]

Here I found out some example and I have modified the example code to retain the dropdown... hope it helps.

MyServlet.java

import java.io.IOException;
import java.util.ArrayList;

import javax.servlet.ServletConfig;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class MyServlet extends HttpServlet {
	
	private ArrayList<String> dropdown;
	
	private static final long serialVersionUID = 1L;

	@Override
	public void init(ServletConfig config) throws ServletException {
		super.init(config);
	}

	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		
		dropdown = new ArrayList<String>();
		dropdown.add("Hyundai");
		dropdown.add("Volvo");
		dropdown.add("Mercedes");
		dropdown.add("Ferrari");
		dropdown.add("Ford");
		dropdown.add("Rolls");
		dropdown.add("Toyota");
		dropdown.add("Maruti");
		dropdown.add("Tata");
		
		String selected = request.getParameter("selectedVal");
		String name = request.getParameter("name");
		String selId;
		
		if (!"".equalsIgnoreCase(selected) && null != selected && dropdown.contains(selected.trim())) {
			selId = String.valueOf(dropdown.indexOf(selected));
		} else {
			selId = "-1";
		}
		request.setAttribute("selId", selId);
		request.setAttribute("dropdown", dropdown);
		String welcomeMessage = "Welcome " + name;
		request.setAttribute("welcome", welcomeMessage);
		request.setAttribute("name", name);
		response.setContentType("text/html");
		request.getRequestDispatcher("/jsp/final.jsp").forward(request, response);
	}

	public ArrayList<String> getDropdown() {
		return dropdown;
	}

	public void setDropdown(ArrayList<String> dropdown) {
		this.dropdown = dropdown;
	}
}

index.jsp ( the welcome file should be set in web.xml )

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
	<head>
	<title>The servlet example </title>
	</head>
	<body>
		<h1>A simple web application</h1>
		<form method="POST" action="MyServlet">
			<label for="name">Select your company </label>
			<input type="text" name="name"/>
			<input type="submit" value="Submit Form"/>
			<input type="reset" value="Reset Form"/>
		</form>
	</body>
</html>

final.jsp ( retaining name and dropdown values here )

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<html>
	<head>
	<title>The servlet example </title>
	</head>
<script>
function hell () {
		var namevar = '${name}';
		var dropd= document.getElementById("drop");
		var storeSel= dropd.options[dropd.options.selectedIndex].value;
		document.getElementById("selectedVal").value=storeSel;
		document.getElementById("nameid").value=namevar;
		document.myform.submit();
}
</script>
	<body>
		<h1>A simple web application</h1>
		${welcome}
		<form name="myform" method="POST" action="MyServlet">
		<input type="hidden" name="selectedVal" id="hidId">
		<input type="hidden" name="selId" id="seId">
		<input type="hidden" name="name" id="nameid">
			<select id="drop" onchange="hell();">
			<option value="-1">--Select--</option>
				<c:forEach items="${dropdown}" var="obj">
					  <option value="${obj}">${obj}</option>
				</c:forEach>
			</select>
			<a >Click here to go back to input page</a>
		</form>
	</body>
<script>
var idd = ${selId}+1;
document.getElementById("drop").options.selectedIndex=idd;
</script>
</html>

Hope it helps...
NOTE: I have not tested the code just modified it as per my assumptions, please test it after deploying, let me know if you were able to retain the dropdown values.

[Vic Hood]

Hi Robin ,
Thanks for your sample.
I did try deploying your example , Im asked to enter a name in the first form (index.jsp)and shown a drop down in the second(final.jsp).However there is no link or button that corresponds to "here" .It just appears as static text. And so Im not being able to test whether drop down values are being retained

[Robin John]

Nope 'here' was not a link, and what did you see after changing the dropdown values ? did it retain the values that you selected?, the page is directed to the same page after submit so it should have the value in the dropdown to what you selected.

[Ravi Majety]

Hi Vic, just check out this code. This is small jsp where submits it to itself and retains the selected combobox value. Hope it would help you a little.

File Name: Test1.jsp

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript">
function SubmitValue(){ 
// This Function provides you to assign the selectedindex to a form variable which 
//would come as request value at time of reloading
	document.f1.selectedValue.value=document.f1.slvalue.selectedIndex;
	//alert(document.f1.slvalue.options[document.f1.selectedValue.value].value);
	//alert("rav");
	document.f1.submit();	
}

function retainValues(){
	
	var value1 =<%=request.getParameter("selectedValue")%>;
	if(value1!=null)
		{document.f1.slvalue.selectedIndex=value1;
		//alert(value1);
		}

	
}
</script>
</head>
<body onload="retainValues()">
<form action="Test1.jsp" id="f1" name="f1"   >
Select an value <select name="slvalue" onchange="javascript:SubmitValue()">
<option id="op1" value="Hyd" >Hyderabad</option>
<option id="op2" value="Vsp" >Visakhapatnam</option>
<option id="op3" value="Del" >Delhi</option>
<option id="op4" value="Mum" >Mumbai</option>

</select>
<input type="hidden" name="selectedValue" value="0"/>
</form>
</body>
</html>

[Vic Hood]

Hi Smarty ,
thanks for the reply and the code sample . I did try that out and it worked .

[Ravi Majety]

@vic

All the best and welcomed with new issues and doubts for discussion.

[Dax Joshi]

I have a page request with many product set in session and a id in request to change product details

form in page is like...

 <c:forEach items="${sessionScope['products']}" var="product">
                                    <c:if test="${param.id eq product['id']}">
                                        <tr>
                                            <td>
                                                <form method="post" enctype="multipart/form-data" action="../EditProduct?id=${param.id}" style="color: snow; margin-left: 20px">
                                                    <table>
                                                        <tr>
                                                            <td colspan="3" align="right">
                                                                <b> <u>${sessionScope['pmsg']}</u></b>
                                                                <c:set var="pmsg" value="" scope="session"/>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>Product Code</td>
                                                            <td>  :  </td>
                                                            <td>
                                                                <input type="text" name="manage_product_code" value="${product['code']}"/>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>Select Category</td>
                                                            <td>  :  </td>
                                                            <td>
                                                                <select id="selected_category" name="selected_category">
                                                                    <option value="0">Select Category</option>
                                                                    <c:forEach items="${applicationScope['categories']}" var="category">
                                                                        <option value="${category['id']}">
                                                                            ${category['name']}
                                                                        </option>
                                                                    </c:forEach>
                                                                </select>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>Select Brand</td>
                                                            <td>  :  </td>
                                                            <td>
                                                                <select id="selected_brand" name="selected_brand">
                                                                    <option value="0">Select Brand</option>
                                                                    <c:forEach items="${applicationScope['brands']}" var="brand">
                                                                        <option value="${brand['id']}">
                                                                            ${brand['name']}
                                                                        </option>
                                                                    </c:forEach>
                                                                </select>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>Product image</td>
                                                            <td>  :  </td>
                                                            <td>
                                                                <input type="file" name="manage_product_image"/>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>Set as new</td>
                                                            <td>  :  </td>
                                                            <td>
                                                                <input type="checkbox" id="manage_new_product" name="manage_new_product" value="true"/>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>Applications</td>
                                                            <td>  :  </td>
                                                            <td>
                                                                <textarea name="manage_product_apps">${product['applications']}</textarea>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td> </td>
                                                            <td> </td>
                                                            <td>
                                                                <img src="../images/${product['imagePath']}" height="100" width="100"/>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td> </td><td> </td>
                                                            <td>
                                                                <br>
                                                                <input type="submit" value=" Submit "/>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </form>
                                            </td>
                                        </tr>
                                        <script type="text/javascript">
                                            var a =${product['brand_id']};
                                            var b =${product['category_id']};
                                            var c = ${product['isNew']};
                                            var selected_brandd = document.getElementById("selected_brand");
                                            var selected_cat = document.getElementById("selected_category");
                                            var newCheck = document.getElementById("manage_new_product");
                                            newCheck.checked = c;
                                            for(var i=0;i<selected_brandd.length;i++)
                                            {
                                                
                                                    if(selected_brandd.options[i].value==a)
                                                    {
                                                        selected_brandd.selectedIndex = i;
                                                        break;
                                                    }
                                            }
                                            for(var j=0;j<selected_cat.length;j++)
                                            {

                                                    if(selected_cat.options[j].value==b)
                                                    {
                                                        selected_cat.selectedIndex = j;
                                                        break;
                                                    }
                                            }
                                        </script>
                                    </c:if>
                                </c:forEach>

Product.java is like..

public class Product implements Serializable {

    private Integer id;
    private String name;
    private String code;
    private String imagePath;
    private Integer brand_id;
    private Integer category_id;
    private String applications;
    private Boolean isNew;
    private String brand_name;

......... getters and setters.....

values in dropdown are being set in form by script but on from submission I get '0'

Pleease reply as soon as possible.