最近项目中用到了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>