如何按父下拉选择项填充子下拉列表?
例如:
我有一个itemtype列表,其中包含以下值:
[
{id: 1, name: "Type 1"},
{id: 2, name: "Type 2"},
{id: 3, name: "Type 3"}
]
我还有一个列表,item,它的值是:
[
{id: 1, name: "Item 1", itemTypeId: 1 },
{id: 2, name: "Item 2", itemTypeId: 2 },
{id: 3, name: "Item 3", itemTypeId: 3 },
{id: 4, name: "Item 4", itemTypeId: 3 }
]
当我在中选择某个itemtype时,我需要转到我的db,找出哪个项属于itemtypeid selected并填充一个新的下拉列表
<form:select name="itemTypeId" path="itemTypeId" class="form-control">
<c:forEach var="item" items="${itemTypeList}">
<form:option value="${item.id}" label="${item.name}"></form:option>
</c:forEach>
</form:select>
<!-- This select must have only items that belongs to itemTypeId selected above -->
<form:select name="itemId" path="itemId" class="form-control">
<c:forEach var="item" items="${itemList}">
<form:option value="${item.id}" label="${item.name}"></form:option>
</c:forEach>
</form:select>
拜托,帮帮我!
谢谢。
1条答案
按热度按时间huus2vyu1#
在第一种形式中,您可以编写一个操作方法,将其发送到servlet1,然后您可以根据itemtypeid找到第二个列表的值,并将其发送回页面。有关更多详细信息,请参见此。