Spring MVC JSP 父下拉列表所选项目的子下拉列表
Spring MVC JSP Child Dropdown list by Parent Dropdown selected item
如何通过父下拉列表 selected 项目填充子下拉列表?
例如:
我有一个 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 }
]
当我 select 中的某些 ItemType 时,我需要转到我的数据库,找出哪个 Item 属于 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>
请帮帮我!
谢谢。
在第一种形式中,您可以编写一个将其发送到 servlet1 的操作方法,然后您可以根据 itemTypeId 找到第二个列表的值并将其发送回您的页面。更多详情 see 这个。
如何通过父下拉列表 selected 项目填充子下拉列表?
例如:
我有一个 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 }
]
当我 select 中的某些 ItemType 时,我需要转到我的数据库,找出哪个 Item 属于 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>
请帮帮我!
谢谢。
在第一种形式中,您可以编写一个将其发送到 servlet1 的操作方法,然后您可以根据 itemTypeId 找到第二个列表的值并将其发送回您的页面。更多详情 see 这个。