下拉框从后台给出默认选中项

最新推荐文章于 2023-07-04 17:38:10 发布

编程张知道

最新推荐文章于 2023-07-04 17:38:10 发布

阅读量7.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签：下拉框默认选中 java

本文链接：https://blog.youkuaiyun.com/fly0744/article/details/9625719

web前端专栏收录该内容

9 篇文章

订阅专栏

本文探讨了HTML下拉框中selected属性的正确使用方式，解决了默认选中项失效的问题，并提供了一种简洁的解决方案。

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

一个很奇怪的现象，下拉框的selected属性如果为空，那么默认选中项将失去该有的功能，举例：

比如上面，将没有默认项，原因selected属性只有为”selected“时，默认选中，当为“”时，则属性失效。这就意味着我从后台的代码错误正是如此：

机房：<select id="machRoom" onchange="showDev();">
<c:forEach items="${roomList}" var="list" >
<option value="${list.key}" selected="${list.key==flag1}?'selected':''">${list.value} </option>
</c:forEach>
</select>

原因：当没有选中的项循环时，给selected属性赋值为“”，故而错误。

当了解到<option id= "4" selected>sdf000</option>这种方式也能默认选项时，我笑了，迅解决如下：

机房：<select id="machRoom" >
<c:forEach items="${roomList}" var="list" >
<option value="${list.key}" ${list.key==flag1?'selected':''}>${list.value}</option>
</c:forEach>
</select>

flag1为后台默认要选中的选项。这是就避免了selected=“”时的情况。

附：个人qq空间：http://user.qzone.qq.com/449125551/profile/sync#!app=2&via=QZ.HashRefresh&pos=1384014434