select 下拉框（动态）

最新推荐文章于 2023-03-16 15:26:37 发布

码踏飞燕

最新推荐文章于 2023-03-16 15:26:37 发布

阅读量553

点赞数

CC 4.0 BY-SA版权

分类专栏： J2ee开发文章标签： select SpringmVC

本文链接：https://blog.youkuaiyun.com/weixin_37860082/article/details/80929698

J2ee开发专栏收录该内容

16 篇文章

订阅专栏

本文介绍如何将Java中的字典项列表封装为Map，并通过Model将数据传递到前端页面。前端使用JSP标签库进行遍历显示，并通过JavaScript实现对选择项的响应，将选中的值填充到文本框中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

①封装成Map

举例：

List<SysDictItem> itemList1= dictService.getItemList("appIdList");
HashMap<String, String> map1 = new HashMap<String, String>();
for (SysDictItem bo : itemList1) {
map1.put(bo.getItemName(), bo.getItemValue());

}

②用model把map传向前台

model.addAttribute("appNameMap", map1)；

③前台用循环遍历

<option>---请选择---</option>
<c:forEach var="typeItem" items="${appNameMap}">
<option value="${typeItem.key}">${typeItem.key}</option>
</c:forEach>

</select>

④js控制input（把选中的值赋值到input中）

function isSelected(e){
var myselect=$(e)[0];
var index=myselect.selectedIndex ;
var selectedValue = myselect.options[index].value;
if(selectedValue !="---请选择---"){
$(e).parent("td").find("#appName").val(selectedValue);(本例因为是table，需要判断一下点击对应的input）
}

}

完结，希望对您有帮助