【HTML】select标签,select的jquery用法,select的Thymeleaf中th:field用法

定义和用法
<select> 元素用于创建下拉列表。
<select> 元素最常用于表单中,用于收集用户输入。
提交表单后,需要 name 属性引用表单数据(如果省略 name 属性,下拉列表中的数据将不会被提交)。
<select> 元素内的 <option> 标签 定义下拉列表中的可用选项。
需要使用 id 属性将下拉列表与标签(label)相关联。

属性说明
autofocus    
autofocus    规定下拉列表应在页面加载时自动获得焦点。
disabled    
disabled    规定应禁用下拉列表。
form    
表单id    定义下拉列表所属的表单。
multiple    
multiple    规定可以一次选择多个选项。
name    
名称     定义下拉列表的名称。
required    
required    规定在提交表单之前用户必须选择一个值。
size    
数字    定义下拉列表中可见选项的数量。

<label for="name">请选择一个内容:</label>
<select name="name" id="name">
	<option value="">全部</option>
	<option value="0">内容一</option>
	<option value="1">内容二</option>
	<option value="2">内容三</option>
</select>

2、jquery中select的text和value的用法
$("#select").val("***"); // 设置value为***的项选中
$("#select").change(function(){}); // 当选择内容改变时触发
$("#select").find("option:selected").text(); //获取select选择的text值
$("#select").val(); //获取select选择的value值

3、select的Thymeleaf中th:field用法
th:field,用法:th:field="*{name}"
th:field,默认可以基于值,选中默认值。需要注意的是,th:field需要搭配th:object使用。

<form class="form" id="form" th:object="${object}">
	<select id="name" name="name" th:field="*{name}" class="name">
		<option value="">全部</option>
		<option value="0">内容一</option>
		<option value="1">内容二</option>
		<option value="2">内容三</option>
	</select>
</form>

  • 6
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
根据您的要求,我会为您设计一个基于Spring Boot的优秀毕业生管理系统,实现用户注册、登录功能,角色权限管理功能,基本的后台数据管理功能,图片上传,数据分页查询、批量删除等功能,并采用MVC模式和四层架构进行系统开发。 首先,我们需要搭建项目框架并引入相关依赖。在pom.xml文件添加以下依赖: ```xml <dependencies> <!-- Spring Boot依赖 --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <!-- Spring Boot和MyBatis整合依赖 --> <dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starter</artifactId> <version>2.2.0</version> </dependency> <!-- MySQL数据库驱动依赖 --> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> </dependency> <!-- 其他依赖 --> <!-- ... --> </dependencies> ``` 接下来,创建实体类、Mapper/Dao接口、Service接口和Controller类。这里以用户管理为例: 1. 创建用户实体类 `User.java`: ```java public class User { private Integer id; private String username; private String password; private String role; // getter和setter方法 } ``` 2. 创建用户Mapper/Dao接口 `UserMapper.java`: ```java public interface UserMapper { User getUserById(Integer id); User getUserByUsername(String username); void insertUser(User user); void updateUser(User user); void deleteUser(Integer id); List<User> getAllUsers(); // 其他查询和操作方法 } ``` 3. 创建用户Service接口 `UserService.java`: ```java public interface UserService { User getUserById(Integer id); User getUserByUsername(String username); void insertUser(User user); void updateUser(User user); void deleteUser(Integer id); List<User> getAllUsers(); // 其他查询和操作方法 } ``` 4. 创建用户Controller类 `UserController.java`: ```java @RestController @RequestMapping("/api/users") public class UserController { @Autowired private UserService userService; @GetMapping("/{id}") public User getUserById(@PathVariable Integer id) { return userService.getUserById(id); } @GetMapping("/username/{username}") public User getUserByUsername(@PathVariable String username) { return userService.getUserByUsername(username); } @PostMapping("/") public void insertUser(@RequestBody User user) { userService.insertUser(user); } @PutMapping("/") public void updateUser(@RequestBody User user) { userService.updateUser(user); } @DeleteMapping("/{id}") public void deleteUser(@PathVariable Integer id) { userService.deleteUser(id); } @GetMapping("/") public List<User> getAllUsers() { return userService.getAllUsers(); } // 其他查询和操作方法 } ``` 以上是示例代码,您可以根据需要进行修改和完善。对于角色权限管理、基本的后台数据管理、图片上传、数据分页查询等功能,您可以类似地创建相应的实体类、Mapper/Dao接口、Service接口和Controller类,并在其实现相应的业务逻辑。 在完成代码编写后,您可以使用Spring Boot的内置Tomcat进行项目的运行和测试。运行项目后,您可以通过访问相应的API端点来测试系统的功能。 希望以上信息能够帮助到您,如有任何疑问,请随时提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值