html/js: Refresh 'Select' options
Posted
by framara
on Stack Overflow
See other posts from Stack Overflow
or by framara
Published on 2010-05-27T13:32:23Z
Indexed on
2010/05/27
14:51 UTC
Read the original article
Hit count: 175
Hi,
There's a class 'Car' with brand and model as properties. I have a list of items of this class List<Car> myCars
. I need to represent in a JSP website 2 ComboBox, one for brand and another for model, that when you select the brand, in the model list only appear the ones from that brand. I don't know how to do this in a dynamic way.
Any suggestion where to start? Thanks
Update
Ok, what I do now is send in the request a list with all the brand names, and a list of the items. The JSP code is like:
<select name="manufacturer" id="id_manufacturer" onchange="return getManufacturer();">
<option value=""></option>
<c:forEach items="${manufacturers}" var="man">
<option value="${man}" >${man}</option>
</c:forEach>
</select>
<select name="model" id="id_model">
<c:forEach items="${mycars}" var="car">
<c:if test="${car.manufacturer eq man_selected}">
<option value="${car.id}">${car.model}</option>
</c:if>
</c:forEach>
</select>
<script>
function getManufacturer()
{
man_selected = document.getElementById('id_manufacturer').value;
}
</script>
How do I do to refresh the 'model' select options according to the selected 'man_selected' ?
© Stack Overflow or respective owner