美文网首页
select 标签的几种回显方式

select 标签的几种回显方式

作者: 三招六式一把铁斧 | 来源:发表于2017-08-12 16:18 被阅读0次
    • 1、后台传来一个值,同已知值进行比较回显
    image.png
    权限:<select name="power">
          <option ${uu.power== "一般用户"?"selected='selected'":"" }>一般用户</option>
        <option ${uu.power== "管理员"?"selected='selected'":"" }>管理员</option>
        </select>
    

    这种方式适合性别只有男、女或者权限只有一般用户、管理员这种只有固定的选项,而不会再添加选项的情况,例如:性别:男、女,应该不会再出现一个选项(男和女),这种情况适用

    • 2、两个值均从后台传入;例:部门实体的内链接,设置上级部门回显
      • 实体 Dept(部门)
    image.png
    • toupdate方法
    image.png
    - update.jsp 页面
    
    image.png
    <c:set  var="parentid" value="${dd.parent.did}" /> 
    <select name="parentid" class="SelectStyle">
        <option value="" >请选择部门</option>
            <c:forEach var="d" items="${dlist }">
    <option value="${d.did}" <c:if test="${d.did ==parentid}">selected</c:if> >${d.dname} </option>
                  
    <!--option也可以这样替换,把if判断改为三目表达式
     <option ${d.did==parentid ?"selected='selected'":""} >${d.dname}</option> -->
    </c:forEach>
    </select>       
    

    注 :1、 <c:set var="parentid" value="${dd.parent.did}" /> 获取当前部门的上级部门id
    2、${d.did==parentid ?"selected='selected'":""} 利用三目表达式进行判断,可以实现回显,但是提交时会报404,仍未解决,不建议使用。

    因为部门会不断的添加或者减少,是动态的,所以回显也是动态形式

    相关文章

      网友评论

          本文标题:select 标签的几种回显方式

          本文链接:https://www.haomeiwen.com/subject/bzrjrxtx.html