2020-10-27

这是一篇thymeleaf的关于下拉框选中(select option)在前端实现,主要是个人在开发项目中的一个笔记

如果您采用的是jQuery方式循环取值并绑定所选,本篇博客笔记对您用处可能不大,但如果您是前端固定了下拉框的选项,希望本篇笔记对您有所帮助

下面展示一下前端的写法 内联代码片

// A code block
var foo = 'bar';
            <select  name="category" class="ayui-input" >
                <option th:selected="${category==0}" value="0" >--------</option>
                <option th:selected="${category==1}" value="1">上班</option>
                <option th:selected="${category==2}" value="2">休息</option>
                <option th:selected="${category==3}" value="3">出差</option>
            </select>

实现的原理是Selected属性可以用true和false来选中属性,所以利用thymeleaf在前端可以进行一次判断,然后为true的时候可以选中。

©️2020 CSDN 皮肤主题: 游动-白 设计师:上身试试 返回首页