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

关于前端 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 有这个用法，觉得可以，就写个小笔记记录下来，面对优快云 太杂 解决不了问题。相比我这个方法会比较好一点。