关于前端 jsp option 下拉框 标签 selected 选中显示使用

遇到下拉框在前端界面显示重复和不完全可以解决的办法之一，也最好懂如下： 这里解决的问题是后端将产品对象传到前端 在编辑页面自动显示，下拉框的一些问题

一、selected是什么？

selected 是option 的默认标签 格式：

<option name=”“ value="" selected="selected">value</option>

二、使用步骤

1.这里我先公布我写好的selected，这里我先公布我写好的selected

<li><label>分类</label> <select class="dfaelect inputwidth" name="categoryid" > <option value="">====请选择====</option> <c:forEach items="${cateMap}" var="item" > <option value=${item.key} ${item.key == product.categoryid?" selected":""}>====${item.value}====</option> </c:forEach> </select> </li>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WrwVMneK-1603369433929)(C:\Users\25313\Desktop\微信图片_20201022200549.png)]

从产品查询表 所有 编辑 传id 去数据库查找 带值到页面

2.selected 选中标签

<option value=${item.key} ${item.key == product.categoryid?" selected":""}>====${item.value}====</option>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6wX9Ek3e-1603369433935)(C:\Users\25313\Desktop\微信图片_20201022200626.png)]

这里的 option标签 value可以使用以上那种用法 value=${item.key} 然后用三则表达式 判断 我的key 等不等于传过去的下拉框列表的id 等于就选中，不等于就空 （"")

总结

等于传过去的下拉框列表的id 等于就选中，不等于就空 （"")

总结

开始我也是不知道，通过查找资料 才知道option 有这个用法，觉得可以，就写个小笔记记录下来，面对 太杂 解决不了问题。相比我这个方法会比较好一点。