select 下拉框(动态)

本文介绍如何将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);

 ③前台用循环遍历

       <input type="text" style="width: 62px;border:none" name="appName" id="appName" required>

       <select dir="rtl" id="appName2" style="width: 10px;" onchange="isSelected(this)">

 <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)
}

}

完结,希望对您有帮助

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值