我想创建一个下拉菜单,允许客户端通过下拉菜单中指定的字段搜索用户。例如,按州搜索、按城市搜索等。
这是我到目前为止所拥有的:
<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>
我只是不确定如何连接action
和value
下拉列表中当前所选项目的标签来指定 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 实例中选择的值:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)