html – 使用jstl在现有选择标记上设置选定选项

前端之家收集整理的这篇文章主要介绍了html – 使用jstl在现有选择标记上设置选定选项前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以我选择了每个科目的成绩.它是预定义的,因此我不必将等级存储为数据库中的表.我有一份资格清单,我为每个人使用jstl:< c:forEach items =“${qualificationdetails}”var =“qd”>.

对于每个项目,我正在制作这样的选择.

<select class="grade" title="Grade Obtained">
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
   <option value="A">A</option>
   <option value="B">B</option>
   <option value="C">C</option>
   <option value="D">D</option>
   <option value="E">E</option>
</select>

是否可以使用我的变量qd设置所选选项?就像是

<option value="${qd.grade}" selected="selecetd">${qd.grade}</option>

这将为选择添加重复选项.我认为制作一个带有等级的数组并将其发送到生成选项会有点“笨拙”.有任何想法吗 ?

解决方法

您可以让JSP有条件地呈现所选属性.
<select class="grade" title="Grade Obtained">
    <option value="1" ${qd.grade == '1' ? 'selected' : ''}>1</option>
    <option value="2" ${qd.grade == '2' ? 'selected' : ''}>2</option>
    <option value="3" ${qd.grade == '3' ? 'selected' : ''}>3</option>
    <option value="A" ${qd.grade == 'A' ? 'selected' : ''}>A</option>
    <option value="B" ${qd.grade == 'B' ? 'selected' : ''}>B</option>
    <option value="C" ${qd.grade == 'C' ? 'selected' : ''}>C</option>
    <option value="D" ${qd.grade == 'D' ? 'selected' : ''}>D</option>
    <option value="E" ${qd.grade == 'E' ? 'selected' : ''}>E</option>
</select>

或者,您可以创建一个等级的集合/数组并将其存储在应用程序范围中,以便它可以在EL中使用,以便您可以使用< c:forEach>循环它.我不确定那会是多么“笨重”.您可以使用< c:set>将它们存储为commaseparated并使用fn:split()将它们拆分为< c:forEach>.

<c:set var="grades" value="1,2,3,A,B,C,D,E" scope="application" />
<select class="grade" title="Grade Obtained">
    <c:forEach items="${fn:split(grades,',')}" var="grade">
        <option value="${grade}" ${qd.grade == grade ? 'selected' : ''}>${grade}</option>
    </c:forEach>
</select>

这样您最终会获得更多DRY代码.

原文链接:https://www.f2er.com/html/232316.html

猜你在找的HTML相关文章