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

Filed under:
|
|
|

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

Related posts about JavaScript

Related posts about jsp