Null value is coming

[pankaj semwal]

Hi List[],

I have two list box first list box is showing State.On clicking the state the value in the second box is changing according to state.But when i am selecting the second list box value and submitting the value its showing null value.
Please help me how to solve this problem.

My Jsp Page;

<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="ajax" uri="javawebparts/ajaxparts/taglib"%>
<SCRIPT language=JavaScript
	src="${pageContext.request.contextPath}/javascript/JobValidation.js"
	type=text/javascript></SCRIPT>

<table border="0"   class="formTable">
 	<s:form action="joblist" name="frmJobAdd"
 		onsubmit="clearMessageUserName();return validate(this);">
 
 		<tr>
 			<td  class="formHeader">
 				Post a Job
 			</td>
 		</tr>
 		<tr>
 			<td  class="frmLable">
 				Job Code
 			</td>
 			<td  class="frmField">
 			<s:textfield name="job.jobCode" id="jobCode" cssStyle="formText" />
 				
 			</td>
 		</tr>
 		<tr>
 			<td class="frmLable">
 				Job Title
 			</td>
 			<td class="frmField">
 				<s:select name="job.jobTitle" headerKey="" headerValue="- Select- "
 					id="titleId" list="%{jobTitles}" listKey="titleId"
 					listValue="titleDescription" cssClass="formText" />
 			</td>
 		</tr>
 		<tr>
 			<td class="frmLable">
 				Job Description
 			</td>
 			<td class="frmField">
 				<textarea name="job.jobDesc" cols="30" rows="4" class="formText"></textarea>
 			</td>
 		</tr>
 		<tr>
 			<td class="frmLable">
 				State
 			</td>
 			<td class="frmField">
 				<select name="states" multiple="true" size="5">
 					<c:forEach var="state" items="${states}">
 						<option value="${state.id}">
 							<c:out value="${state.name}" />
 						</option>
 					</c:forEach>
 				</select>
 				<ajax:event ajaxRef="frmJobAdd/statesChanged" />
 			</td>
 		</tr>
 		<tr>
 			<td class="frmLable">
 				Job Location
 			</td>
 			<td class="frmField">
 				<div id="jobLocations"></div>
 			</td>
 		</tr>
 		<tr>
 			<td class="frmLable">
 				No. of Position
 			</td>
 			<td class="frmField">
 			<s:textfield name="job.jobTotalPposition" id="jobTotalPposition" cssStyle="formText" />
 			
 			</td>
 		</tr>
 		<tr>
 			<td class="frmLable">
 				Qualification
 			</td>
 			<td class="frmField">
 				<s:select name="job.qualiIds" headerKey="" multiple="true" headerValue="- Select- "
 					id="titleId2" list="%{jobQualifications}" listKey="quliId"
 					listValue="description" cssClass="formText" />
 			</td>
 		</tr>
 		<tr>
 			<td class="frmLable">
 				Yr. of Experience
 			</td>
 			<td class="frmField">
 				<s:select name="job.jobYearOfExp" headerKey="" headerValue="- Select- "
 					id="titleId3" list="%{experiences}" listKey="expId"
 					listValue="description" cssClass="formText" />
 			</td>
 		</tr>
 		<tr>
 			<td class="frmLable">
 				Salary
 			</td>
 			<td class="frmField">
 			<s:textfield name="job.jobSalary" id="jobSalary" cssStyle="formText" />
 				
 			</td>
 		</tr>
 		<tr>
 			<td class="frmLable">
 				Remarks
 			</td>
 			<td class="frmField">
 				<s:textarea name="job.jobComments" cols="30" rows="4" cssClass="formText"></s:textarea>
 			</td>
 		</tr>
 		<tr>
 			<td  class="frmtdBtn">
 				<s:submit name="submit" id="joblist_submit" type="submit" cssClass="frmBtn"
 					value="Submit" method="save"  />
 
 				<s:reset name="Reset" type="reset" cssClass="frmBtn" value="Reset" />
 			</td>
 		</tr>
 
 	</s:form>
 	<ajax:enable debug="ERROR" />
 </table>

and second jsp page which acting like java script file

<%-- This will all be executed as Javascript by JWP --%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
s = ""
<c:forEach items='${statesChosen}' var='state' varStatus='status'>
    s += "<c:out value='${state.name}'/>";
   <c:if test='${!status.last}'>
        s += ", ";
   </c:if>
</c:forEach>

locationsValue = "";
<c:forEach items='${locations}' var='location' varStatus='tStatus'>
    locationsValue += "<option value=\"<c:out value='${location.id}'/>\"><c:out value='${location.name}'/></option>";
</c:forEach>

s = "<select name='select' multiple='true' >"+locationsValue+"</select>";

alert(s); 
document.getElementById("jobLocations").innerHTML =s
 

[David Newton]

So the second select box has a name of "select"? Is there a "select" property in your action? (That's not a very specific name--it might be better in the long run to name it something meaningful.)

When posting code examples it's best to limit the posted code to only the code directly related to the problem. It's difficult to wade through 125 lines of HTML just to find the 5-10 lines of the state select box and ajax tag.

[pankaj semwal]

ok,Next time i will post the limited code.

But still i am getting the null value even i created the setter and getter in action class.

Thanks

[David Newton]

Have you checked teh actual submission to see if a "select" form value is being sent from the browser?

[pankaj semwal]

Hi David Newton ,

I am not understanding what you saying .Can you explain in detail.



Thanks

[David Newton]

Using a tool like HttpHeaders, Firebug, etc. have you checked to make sure there's a "select" form value being sent?

If there's a "select" form value, and a select setter of the appropriate type (how did you declare your setter?) then it should work, assuming the HTML is rendering and submitting properly.

[Saifuddin Merchant]

The usual way to check if the parameter is getting passed is using a tool like HttpHeaders, Firebug like David has mentioned.

Other than that (as I think your is a get request) you should be able to see the parameters being passed in the URL itself (The URL once you click the submit button) Check to see if the parameters are getting passed there.
(In case of post a simple trick is to temporarily change the method to get - to see if the parameters being passed are correct. Of course if its Ajax there is no option but to fall back on Firebug and any http sniffer)

[David Newton]

@Sam: The <s:form> tag creates a POST request by default. Also, in this case, the form submission itself isn't Ajax--just the load of the secondary select.

[pankaj semwal]

Hi,

I have install the firebug. and when inspect its show the structure like this.

name "state"
options [options]
.
.
.
.
.
value= 3.

what does it mean.

[David Newton]

...

Okay, maybe it *would* be easier for you to change the form method to "get" and check the URL :/

Ultimately, you have to determine if the value is being sent from the client to the server.

You still haven't mentioned how your setter is declared.

[pankaj semwal]

but when i am posting data using get method .it does not showing values in url i.e it sending data as post method.

[David Newton]

Are you getting *any* data? How is your setter declared? Can you post the *entire* POST data from Firebug so we can see what's being sent?