【实践】关于thymeleaf的select下拉选择框的默认选中项

最新推荐文章于 2023-11-21 10:48:00 发布

皮皮蟹01

最新推荐文章于 2023-11-21 10:48:00 发布

阅读量1w

点赞数 10

分类专栏： SpringBoot 踩错文章标签： thymeleaf

本文链接：https://blog.csdn.net/shellhard/article/details/122672114

版权

本文记录了在使用Thymeleaf时，如何处理select下拉选择框的默认选中项问题。在更新信息的页面，通过th:selected属性结合条件判断，可以实现显示用户先前选择的内容。

摘要由CSDN通过智能技术生成

2020-05-29

最近在敲敲敲的过程遇到一个问题，这个问题是这样的：我需要在页面上提供用户更新信息的功能，在进入该页面前，首先获取信息，使用thymeleaf模板填充信息。前端有一个select标签，需求是显示用户之前所选中的内容。

但是尝试了通过th:attr和th:if判断，都不好用，使用jquery来进行attr的设置也不好使。查阅一番才知道了解决办法：使用th:selected

<select name="select" id="projecttype" class="form-control" >
	<option value="横向项目" th:selected=

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

皮皮蟹01

关注关注

10
点赞
踩
16

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

thymeleaf(模板) select(下拉框) 默认选中效果(回选效果)

calmnessxi的博客

06-25

4835

最近在用老的开发方式+新技术写代码重新熟悉，遇到此问题，网上查阅了各种办法，都不见效果，后通过查阅（thymeleaf）官方API，自己摸索尝试，最终找到如下解决方案，代码经实打实测试，可呈现期望效果，分享出来供各位程序员伙伴们参考： <select class="combox" name="userSex"> <option th:selected="${{param.userSex}} eq ''" value="">所有性别</option> &

Thymeleaf模板引擎从后台取值控制select的显示和回显

qq_39847344的博客

02-27

5615

Thymeleaf动态加载select下拉框,并选中后台返回的对应类型作为回显 Thyme leaf应该翻译成百里香的叶子(spring boot推荐使用的页面模板,比JSP帅气一些),驼峰命名ThymeLeaf,其中L显得较为突兀,就像ipad或者iphone如果P小写那么显得p腿太长了,不协调,iPad或者iPhone,好了,这是我瞎编的,我这样理解不影响使用,毕竟这个单词查不到,不好读,所以...

参与评论您还未登录，请先登录后发表或查看评论

thymeleaf(th:each th:selected) 从后台动态获取下拉框数据回显及选中

qq_43842093的博客

06-11

2645

thymeleaf(th:each th:selected) 从后台动态获取下拉框数据回显及选中 <select οnchange="getChilds(this.value)" id="catId" name="catId"> <option value=""> -- 请选择 -- </option> <option th:selected="${goods.catId eq c.id}" th:each="c:${categoryList

关于thymeleaf的select下拉选择框的默认选中项

最新发布

zhangyy130的专栏

11-21

572

<input type="radio" name="modeltype" th:each="c:${modelTypeList}" th:value="${c.value}" th:title="${c.value}" th:attr ="checked=${data.modeltype == c.value?true:false}"&...

关于thymeleaf的select下拉选择框的默认选中项

mgx ^_^~的博客

08-30

7148

最近做项目，一项需求就是关于用户发表一篇文章之后又想重新修改标题或者收费免费，修改的时候用thymeleaf模板填充数据遇到select下拉选择框的问题，默认显示是这样的：但是，如果用户发表文章的时候是收费的，要页面加载的时候显示成为下面这样的效果：实现思路就是需要在想显示的数据加一个属性：使用关键字"selected" 刚开始使用：th:if 判断如果条件生效就设置值：selec...

thymeleaf初始化select标签并设置选中项

10-18

1159

select的option数据来自于DB，记住后台返回的数据类型是List<String>如果用js也能实现，就是先初始化，再设置默认选项。但是这种方式比较麻烦，效率较低。以下是使用thymeleaf语法标签实现的例子，特别简便。

selectpicker+thymleaf设置默认值

weixin_42525456的博客

10-17

267

selectpicker+thymleaf设置默认值

用Thymeleaf 这个模板渲染，怎么通过select下拉框选中的值，去控制另一个复选框标签，展示不同的复选框选项

u011095196的博客

11-17

1084

通过select下拉框选中的值，去控制另一个复选框checkBox标签，展示不同的复选框选项

BootStrap中关于Select下拉框选择触发事件及扩展

01-19

Select下拉框的问题，想在选择一个选项后，前台显示做出变动，并且知道选择的是第几个选项。这个很好解决：如下: <select class=form-control onchange=selectOnchang(this)> 所有申请商家待审核商家...

thymeleaf常见的修改信息，默认显示单选与下拉

qq_44027353的博客

05-04

713

说明: 使用thymeleaf 修改一个员工信息，需要在查找出来在界面显示，但是性别单选按钮和所属部门的下拉框怎么默认显示嘞？话不多说，直接上代码 <div class="form-group"> <label>性别</label> <input type="radio" name="gender" value="1" th:checked="${emp.getGender()==1}" >男 <input type="radi

基于layui的下拉列表的数据回显方法

10-16

选择框 <select id="t" name="quiz2"> 请选择市杭州2 杭州3 杭州4 杭州5 </select> ``` #### 数据回显的概念数据回显是指在用户界面中，将从后端服务器获取到的数据展示到页面上的某个组件中，如在...

thymeleaf的下拉框处理（下拉框内容来至数据库）

tupaiopiao的博客

02-07

1525

本文分享我用thymeleaf来建一个下拉框，下拉框的内容来着数据库查询的结果前端代码： <div class="col-md-3" > 请选择练习内容： <select class="" id="s1" name="titsubject" > <option th:each="tsubject:${allcourse}" th:value="${tsubject.titl

thymeleaf的select遍历默认选中

weixin_45695735的博客

05-11

1333

thymeleaf的select遍历默认选中 <select name="tName" class="form-control m-b" th:with="type=${@theme.selectGThemeList()}" required> <option ></option> <option th:each="dict : ${type}" th:text="${

thymeleaf动态选中select_Thymeleaf select 使用和多select 级联选择

weixin_42415491的博客

01-14

1026

1.使用select 并且回绑数据;页面：状态：--请选择--后台controller:modelAndView.addObject("inqList",InquiryConst.inqList);InquiryConst 类中订单inqListpublic static final List inqList = new ArrayList();static {KeyValue keyValue ...

thymeleaf下拉框和多选框的修改是被选中

weixin_43841482的博客

12-04

2496

-- 请选择 -- 蔬菜北京长沙

select默认选中

小白狼的成长之路

08-11

2835

select默认选中（小白所写，如有错误，请评论指出）首先初始化一个select select id="isSendtext" name="isSendtext" class="selector"> option value ="-1">请选择option> option value ="0">否option> option value="1">是option> s

Thymeleaf select回显并选中多个

somdip的博客

04-14

2233

语法：${#strings.indexOf(name,frag)} 或者 ${#lists.contains(list, element)}解决：直接后台放置属性值的值，或者在页面上“对象.属性”获取属性的值。已定义了对象，直接获取属性值发现为空，报错。或者加上对象的前缀在对象中取。theamleaf中语法参考。

Thymeleaf使用 th:each 动态遍历下拉框，同时回显数据。提交时获取所有下拉框值

weixin_45106532的博客

09-01

5034

1、Thymeleaf使用 th:each 动态遍历下拉框，同时回显数据 <div class="form-group" th:each="appl: ${appMenuList}"> <label class="col-sm-3 control-label" th:text="${appl.menuName}+'：'"/> <div class="col-sm-8"> <select

html下拉菜单模糊查询,Select下拉框模糊查询功能实现代码

weixin_32565397的博客

06-03

1866

select下拉列表框支持输入模糊查询功能，设计非常的人性化，下面小编给大家分享了关键代码，大家根据自己的需求适当的添加修改，有任何问题欢迎给我反馈。关键代码如下所示：可输入的下拉框var j = 0;function SelectValue(obj){var input = obj.parentNode.nextSibling;document.all.box2.value = obj.opti...

thymeleaf 下拉列表及默认选中

05-04

在 Thymeleaf 中实现下拉列表及默认选中可以采用以下步骤： 1. 在 HTML 中使用 Thymeleaf 标签创建下拉列表。 ```html <select th:field="*{fruit}"> <option value="">请选择水果</option> <option value="apple">苹果</option> <option value="banana">香蕉</option> <option value="orange">橙子</option> </select> ``` 其中，`th:field` 属性绑定了表单中的字段，`*{}` 表示表单对象，`fruit` 表示字段名称。 2. 设置默认选中项。 ```html <select th:field="*{fruit}"> <option value="">请选择水果</option> <option value="apple" th:selected="${fruit=='apple'}">苹果</option> <option value="banana" th:selected="${fruit=='banana'}">香蕉</option> <option value="orange" th:selected="${fruit=='orange'}">橙子</option> </select> ``` 使用 Thymeleaf 的 `th:selected` 属性可以根据表单对象的值来设置选中项。`${fruit=='apple'}` 表示如果表单对象 `fruit` 的值为 `'apple'`，则选中该项。这样就可以在 Thymeleaf 中实现下拉列表及默认选中了。