在 Thymeleaf 中创建下拉菜单和表单

2023-11-30

我想创建一个下拉菜单,允许客户端通过下拉菜单中指定的字段搜索用户。例如,按州搜索、按城市搜索等。

这是我到目前为止所拥有的:

<p>Search options:</p>
<form action="#" th:action="@{/get/{value}" method="get">
    <select>
        <option th:value="AllUsers">Search all users</option>
        <option th:value="ByUsername">Search by user name</option>
        <option th:value="ByFirstname">Search by first name</option>
        <option th:value="ByLastname">Search by last name</option>
        <option th:value="ByAddress">Search by address</option>
        <option th:value="ByCity">Search by city</option>
        <option th:value="ByState">Search by state</option>
        <option th:value="ByZipCode">Search by zip code</option>
        <option th:value="ByPhoneNumber">Search by phone number</option>
        <option th:value="ByEmail">Search by email</option>
    </select>
    <input type="text" th:field="value" name="searchField"/>
    <input type="submit" value="Search" name="searchButton"/>
</form>

我只是不确定如何连接actionvalue下拉列表中当前所选项目的标签来指定 URI。如果用户选择按州搜索,输入“马里兰州”,如何指定相应的 URI 标记?

这将是我在 Spring 中执行操作的方法:

@RequestMapping(value = "/get/ByState", method = RequestMethod.GET)
public String getByState() {
    // ...
}

@RequestMapping(value = "/get/ByCity", method = RequestMethod.GET)
public String getByCity() {
    // ...
}

因为接受的答案不是使用 Thymeleaf 并且这个问题在 Google 中排名最高,所以我在这里添加我的解决方案。

以我的情况statues是枚举值的列表。 Model 属性的填充方式与 Spring 中通常的方式相同:

mav.addObject("statuses", EnumSet.allOf(Status.class));

Group 有一个 Status 类型的字段(枚举)。

<div class="form-group row">
    <select class="form-control" id="status" name="status">
        <option th:each="stat : ${statuses}"
                th:value="${stat}"
                th:text="${stat}"
                th:selected="${stat.equals(group.status)}"/>
    </select>
</div>

这会自动填充列表并选择在我的 Group 实例中选择的值:

enter image description here

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 Thymeleaf 中创建下拉菜单和表单 的相关文章

  • Position:fixed 内的position:fixed: 哪个浏览器是正确的?

    将固定元素放置在另一个固定元素内的行为在 Chrome Safari 与 Firefox 中有所不同 这个答案很好地解释了预期的行为 https stackoverflow com a 28576596 1437016对于相对 div 内的
  • 获取要在新浏览器中显示的选择值

    嘿 基本上这是我的代码 运行的第一个脚本允许在 URL 中显示所选值
  • 无法使用 JHipster 访问 API 文档

    我一直在尝试访问 JHipster 生成的 Spring 应用程序生成的 Swagger UI 我尝试通过 swagger ui html 进行访问 因为这在其他项目中效果很好 但这次不行 我还查找了安全配置类并尝试了所有引用 swagge
  • 为什么Java配置后找不到这个Spring Security AuthenticationProvider?

    我正在整合春季安全Auth0 https github com auth0 spring security auth0使用 1 3 2 RELEASE BOM 进入 Spring Web 应用程序 我一直在使用提供的 auth0 secur
  • Spring MVC:ModelAndView 对象没有被传送到视图

    我目前正在尝试将变量从控制器显示到视图中 但视图未显示它们 谢谢你的帮助 用户控制器 java import org springframework stereotype Controller import org springframew
  • 标题的固定高度和更改宽度(HTML 表格)

    我需要确保表格标题的高度是固定的 并且宽度是根据标题单元格内容进行调整的 标题文本最多显示两行 我们如何使用样式来做到这一点 另外 我想确保表行的宽度与标题行的宽度相同 即标题行决定宽度 注 目前 交易部门负责人别名 是按行排列的 它需要分
  • Bootstrap 4 行布局没有响应

    我正在使用 Bootstrap 4 在 MEAN 堆栈上为新闻文章布局创建一个 html 模板 但这应该不重要 对于这种总体布局的要求是 一篇 特色 文章位于其自己的列中 而其他 8 篇文章位于另一列中的两行中 当在较小的屏幕或移动设备上查
  • bean 实例化失败:指定的类是一个接口

    我在创建用于依赖注入的 bean 时遇到问题 这是场景 我正在处理 MongoDB 存储库 我还创建了一个使用它的类 我正在尝试实例化两者的 bean 实例 MongoDB 存储库 Repository public interface P
  • 在 HTML TextArea 中设置(或读取)光标/插入符的值

    我正在尝试 但失败了 在 HTML 文本区域中实现拖放机制 使用 jQuery 或 Scriptaculous 我们都使用 拖放机制相对容易 因此我愿意接受使用这两者之一的答案 问题是 我似乎找不到读取或设置插入点的方法 我最终想要做的是确
  • 使用过渡添加子项时 div 的平滑增长

    尽管使用了以下代码 但其行为并不符合我的预期transition所以可能有些事情我不明白 理想情况下 单击该按钮会将一个子项添加到id2div 并制作id1分区增长smoothly因此 function id1 button click g
  • 从提交的表单中转义字符串中的字符

    每次发布帖子时 我都会得到转义字符 gt gt gt 我有一个多步骤表单 它将数据从一种表单传输到另一种表单 我将这些值与准备好的语句一起保存在数据库中 数据库中的值当前看起来像Paul s House 用户应该可以在字符串中使用单引号和双
  • Django 未在 404 页面上应用应用程序中的 CSS 文件

    姜戈3 0 8 Python 3 7 x 我有一个包含一些应用程序的 Django 项目 我正在尝试为 400 403 404 500 错误制作一些 默认 错误页面 我已经这样做了 并显示了适当的模板 但没有任何样式或 JS 在 404 错
  • 等待动态加载脚本

    在我的页面正文中 我需要插入以下代码作为 AJAX 调用的结果 p Loading jQuery p p Using jQuery p 我不能使用 load 由于文档已经加载 因此该事件不会触发 这安全吗 如果没有 我如何确保在执行自定义生
  • spring mvc 跟踪引用页面

    在基于注释的弹簧控制器中 如果用户正在url com first page并点击一个链接或提交一份表格指出url com second page 如何制作second page知道url of first page所以这样second pa
  • Jquery 关注下一个带有类的元素

    我正在尝试创建一个函数 当按下 Enter 键时 会选择带有类的下一个输入 我已经设法 focus 同一行中的下一个元素 但是 如果我需要选择下一行的下一个输入 它将无法继续 下一行中的第一个 quantity 文本框需要获得焦点 控制台没
  • HTML Webpack 插件将无法编译,因为 Thymeleaf 变量未定义

    当 Webpack 编译包含以下 HTML 的应用程序时 它会抱怨theme变量未定义 这是我的index html file div div 这是我得到的错误 Failed to compile Error in Template exe
  • 如何允许Spring Boot中启用CORS的所有请求?

    In my 弹簧靴应用程序 目前我有这样的课程 SpringBootApplication public class TestApplication public static void main String args SpringApp
  • 透明、无边框文本输入

    如何删除周围的边框
  • 春季MVC。方法参数字段的默认值

    我有一个带有方法测试的简单控制器 RequestMapping produces application json ResponseBody public HttpEntity
  • HTML:JavaScript:阻止表单提交并调用 Javascript 函数

    我想在按下表单中的提交按钮时进行 AJAX 调用 事实上我无法删除

随机推荐

  • 我可以将 .NET 5 COM 互操作对象与 VB6 连接吗?

    我一直在对 NET Core COM 互操作进行一些研究如何揭露他们 尽管我在得出结论和理解一些概念时遇到了一些问题 我的老板告诉我 他们做了一些测试 他们认为创建可以从 VB6 中调用的 C 代码 包括事件 的唯一方法是创建一个 NET
  • 有选择地抑制自定义过时警告

    我正在使用Obsolete属性 正如其他程序员所建议的那样 在使用某种方法时显示警告 有没有办法抑制类似于 CodeAnalysis 的警告SuppressMessage在合理的地方使用 这需要为 Obsolete Some message
  • 了解公共/私有实例变量

    我正在读一本tutorial在公共 私有方法上 无法理解其中的区别 对于私有方法 它说 私有成员由构造函数创建 构造函数的普通变量和参数成为私有成员 function Container param this member param va
  • 如何使用pcap_breakloop?

    我在另一个函数中有一个 pcap loop 函数 用于捕获数据包 直到用户停止它 即 void functionA signal SIGINT terminate process pcap loop handle 1 callback NU
  • 如何在Windows下用Python将表情符号渲染为图像?

    我的目标是生成 在 Windows 下的 Python 中 渲染任何 unicode 字符的位图图像 尤其包括表情符号 我已经安装了几种表情符号友好的字体 包括Symbola 用于测试目的 到目前为止 我已经尝试过 PIL matplotl
  • 包括正确的内在标头

    我一直在阅读关于哪个头文件更适合访问英特尔的内在函数的意见 x86intrin h or immintrin h 两者似乎都达到了相同的结果 但我确信在代码可移植性方面一定存在一些细微的差异 也许其中一个比另一个更常见或更完整 我找不到对其
  • 在 jQuery 的 data() 方法中使用函数更新值设置的变量相当于匿名函数,而不是返回值

    我回答了这个问题 使用 jQuery 操作自定义值 使用这个 jQuery img attr u function i u i is the index of the current image among all the images r
  • 为什么 ASP.NET Web API 只允许 POST 方法使用一个参数?

    我是 ASP NET Web API 的新手 我发现它有一个非常烦人的限制 post方法只支持一个参数 在这里阅读更多内容 使用 jQuery 将 FromBody 参数 POST 到 Web API 从那个链接来看 他们似乎是这样设计的
  • 查询计算工资的累计和总 SUM

    Name Location Salary smith newyork 6000 adam dallas 5000 rams delhi 7000 scott laondon 4000 输出应该是这样的 Name Location Salar
  • 您推荐使用哪些工具来为 Powershell 脚本构建 UI [关闭]

    Closed 这个问题需要多问focused 目前不接受答案 从头开始为 PowerShell 脚本创建 GUI 的最佳工具是什么 该脚本可能包含多个功能 因此需要链接到每个功能的多个按钮 还需要有一个输出区域来显示操作结果 PowerSh
  • 如何提取单元格字符串中的六位数字?

    我有一列数据 纽约真不错 456983 美食北京真棒678932 文化不错 等等 我想提取六位数字并将其放置在原始列旁边的列中 有 n 行 有没有办法不用VBA 用公式来做到这一点 如果没有 VBA 您可以使用以下 Excel 公式 假设
  • 文字字符串和函数返回值是左值还是右值?

    只是想知道文字字符串是左值还是右值 其他文字 如 int float char 等 是左值还是右值 函数的返回值是左值还是右值 你如何区分 字符串文字是左值 但您无法更改它们 右值 但如果它是指针且非 NULL 则它指向的对象是左值 C 标
  • sizeof(array)/sizeof(array[0]) 有什么问题吗?

    我的一位同事最近表示 上述语句不是类型安全的 我应该使用其他内容 因为您需要尽可能多的类型安全结构来减少可能的错误数量 虽然我同意类型安全 但我有点困惑 因为这是有问题的代码类型 仅修改了 data 的内容和长度 unsigned char
  • 如何使用 PyDrive 访问团队云端硬盘而不是个人 Google 云端硬盘?

    我正在尝试使用 PyDrive 以编程方式列出然后下载存储在团队驱动器上的文件 我可以在浏览器中访问这些文件 当我这样做时 from pydrive auth import GoogleAuth from pydrive drive imp
  • 是否允许复制指针并在副本上调用删除?

    如果我复制一个指针 然后要求删除指向的分配 这是有效的 C 还是未定义的行为 char orig new char 100 char copy orig delete copy 这是完全有效的 您正在取消分配在第一行分配的数组 请注意 复制
  • 具有自动存储期限的变量的地址可以在其定义中取吗?

    是否允许在其定义的右侧获取对象的地址 如发生在foo below typedef struct char x 100 chars chars make void p printf p p n p chars c return c void
  • javascript 中 setInterval 函数的闭包

    如何使用setInterval不使用全局变量 我更喜欢将 setInerval 调用的函数的所有变量包装在某种闭包中 如下所示 var wrap function f var local1 local2 return function re
  • Jetpack 撰写 Canvas Arch 额外行程

    我在 jetpack compose 中使用画布来绘制由多个拱门形成的圆圈 为了让拱门看起来更好 我将帽子设置为圆形 style Stroke width chartBarWidth toPx cap StrokeCap Round The
  • Android Spinner:选择同一项目时不会调用 onItemSelected 侦听器

    我需要出示AlertDialog当选择第 2 项时Spinner 我知道使用onItemSelected我们可以聆听微调器的选择并显示弹出窗口 问题是当我选择第二个项目时 会出现对话框 但关闭对话框后 然后再次选择相同的项目 它不会将对话框
  • 在 Thymeleaf 中创建下拉菜单和表单

    我想创建一个下拉菜单 允许客户端通过下拉菜单中指定的字段搜索用户 例如 按州搜索 按城市搜索等 这是我到目前为止所拥有的 p Search options p