thymeleaf的下拉框(select option)回显选中

最近项目中用到了thymeleaf,然后需要将下拉框的值回显出来,最后找到解决方案如下:

大体思路就是将从后台拿到的值(也就是下面红色标记的值)与下拉框中的所有值做比对,如果相同,则被选中:

<select class="form-control form-control-words" id="startTime" name = "startTime"  th:value="${startTime}">
                   <option th:selected="${startTime == '0:00'}" value="0:00">0:00</option>
                  <option th:selected="${startTime == '1:00'}" value="1:00">1:00</option>
                  <option th:selected="${startTime == '2:00'}" value="2:00">2:00</option>
                  <option th:selected="${startTime == '3:00'}" value="3:00">3:00</option>
                  <option th:selected="${startTime == '4:00'}" value="4:00">4:00</option>
                  <option th:selected="${startTime == '5:00'}" value="5:00">5:00</option>
                  <option th:selected="${startTime == '6:00'}" value="6:00">6:00</option>
                  <option th:selected="${startTime == '7:00'}" value="7:00">7:00</option>
                  <option th:selected="${startTime == '8:00'}" value="8:00">8:00</option>
                  <option th:selected="${startTime == '9:00'}" value="9:00">9:00</option>
                  <option th:selected="${startTime == '10:00'}" value="10:00">10:00</option>
                  <option th:selected="${startTime == '11:00'}" value="11:00">11:00</option>
                  <option th:selected="${startTime == '12:00'}" value="12:00">12:00</option>
                  <option th:selected="${startTime == '13:00'}" value="13:00">13:00</option>
                  <option th:selected="${startTime == '14:00'}" value="14:00">14:00</option>
                  <option th:selected="${startTime == '15:00'}" value="15:00">15:00</option>
                  <option th:selected="${startTime == '16:00'}" value="16:00">16:00</option>
                  <option th:selected="${startTime == '17:00'}" value="17:00">17:00</option>
                  <option th:selected="${startTime == '18:00'}" value="18:00">18:00</option>
                  <option th:selected="${startTime == '19:00'}" value="19:00">19:00</option>
                  <option th:selected="${startTime == '20:00'}" value="20:00">20:00</option>
                  <option th:selected="${startTime == '21:00'}" value="21:00">21:00</option>
                  <option th:selected="${startTime == '22:00'}" value="22:00">22:00</option>
                  <option th:selected="${startTime == '23:00'}" value="23:00">23:00</option>
          </select>      

转载于:https://my.oschina.net/u/2246919/blog/3001092

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值