I am trying to access object using ajax in spring MVC. So its like I have 2 drop downs for country and states when I select country it should update states accordingly. What I have done till now is in my .jsp file
<script>
function modifyList() {
$.post("checklist.html", { country: $('#country').val() },
function(data) { alert(data); });
}
</script>
<body>
<form:form id="flist" commandName="list">
<table>
<tr>
<td>
<form:label path="country"> Country </form:label>
</td>
<td>
<form:select path="country" multiple="false" onchange="modifyList()">
<form:options items="${list.country}" />
</form:select>
</td>
</tr>
<tr>
<td>
<form:label path="state"> State </form:label>
</td>
<td>
<form:select path="state" multiple="false">
<form:options items="${list.state}" />
</form:select>
</td>
</tr>
</table>
</form:form>
</body>
In my controller I have
@RequestMapping(value = "/{path}/checklist", method = RequestMethod.POST)
public @ResponseBody String list(@RequestParam("country") String country) {
System.out.println("selected country" + country);
return country;
}
This works fine and returns me the country name in alert but my problem is I want to populate my state drop down according to the country selected. Is it possible that I can return the whole list object? If yes then how I can read that object and populate my state dropdown?
AFAIK the Spring tags don’t know anything about Ajax, so you’d need to use JavaScript to remove any existing options and add the new ones returned from the Ajax call.
There are a number of plugins listed on the jQuery site; YMMV. I might consider just doing it by hand, since the code is relatively short.