Spring MVC框架select,option和options标签的使用

柔情只为你懂 2022-10-01 00:39 161阅读 0赞

代码：

selectForm.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>测试select标签</title>
    </head>
    <body>
    <h3>form:select标签直接添加form:option</h3>
    <form:form modelAttribute="user" method="post" action="selectForm">
       <table>
          <tr>
            <td>部门：</td>
            <td>
               <form:select path="deptId">
                  <form:option value="1">财务部</form:option>
                  <form:option value="2">开发部</form:option>
                  <form:option value="3">销售部</form:option>
               </form:select>
            </td>
          </tr>
       </table>
    </form:form>
    </body>
    </html>

selectForm2.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>测试select标签</title>
    </head>
    <body>
    <h3>form:select标签items属性绑定Map</h3>
    <form:form modelAttribute="user" method="post" action="selectForm2">
       <tr>
          <td>部门：</td>
          <td>
              <form:select path="deptId" items="${deptMap}"/>
          </td>
       </tr>
    </form:form>
    </body>
    </html>

selectForm3.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>测试options标签</title>
    </head>
    <body>
    <h3>使用form:options标签items属性绑定Map</h3>
    <form:form modelAttribute="user" method="post" action="selectForm">
       <table>
          <tr>
            <td>学历：</td>
            <td>
               <form:select path="deptId">
    			  <form:options items="${deptMap}"/>
    		   </form:select>
            </td>
          </tr>
       </table>
    </form:form>
    </body>
    </html>

selectForm4.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>测试select标签</title>
    </head>
    <body>
    <h3>使用form:options标签绑定Object</h3>
    <form:form modelAttribute="user" method="post" action="selectForm">
       <table>
         <tr>
           <td>学历：</td>
           <td>
             <form:select path="deptId">
                 <form:options items="${deptList}" itemLabel="name" itemValue="id"/>
             </form:select>
           </td>
         </tr>
       </table>
    </form:form>
    </body>
    </html>

User.java

package com.bean;
    
    import java.io.Serializable;
    
    public class User implements Serializable {
    	// 部门编号
    	private Integer deptId;
    
    	public User() {
    		super();
    		// TODO Auto-generated constructor stub
    	}
    
    	public Integer getDeptId() {
    		return deptId;
    	}
    
    	public void setDeptId(Integer deptId) {
    		this.deptId = deptId;
    	}
    	
    }

Dept.java

package com.bean;
    
    public class Dept {
    	private Integer id;
    	private String name;
    	public Dept() {
    		super();
    		// TODO Auto-generated constructor stub
    	}
    	public Dept(Integer id, String name) {
    		super();
    		this.id = id;
    		this.name = name;
    	}
    	public Integer getId() {
    		return id;
    	}
    	public void setId(Integer id) {
    		this.id = id;
    	}
    	public String getName() {
    		return name;
    	}
    	public void setName(String name) {
    		this.name = name;
    	}
    	
    }

UserController.java

package com.control;
    
    import java.util.ArrayList;
    import java.util.HashMap;
    import java.util.List;
    import java.util.Map;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RequestMethod;
    
    import com.bean.Dept;
    import com.bean.User;
    
    @Controller
    public class UserController {
    	 @RequestMapping(value="/selectForm",method=RequestMethod.GET)
    	 public String selectForm(Model model){
    		 User user=new User();
    		// 设置deptId的值，页面的select下拉框对应的option项会被选中
    		 user.setDeptId(2);
    		 model.addAttribute("user", user);
    		 return "selectForm";
    	 }
    	 
    	 @RequestMapping(value="/selectForm2",method=RequestMethod.GET)
    	 public String selectForm2(Model model){
    		 User user=new User();
    		 user.setDeptId(2);
    		 // 页面展现的可供选择的select下拉框内容deptMap
    		 Map<Integer, String> deptMap=new HashMap<Integer,String>();
    		 deptMap.put(1, "财务部");
    		 deptMap.put(2, "开发部");
    		 deptMap.put(3, "销售部");
    		 model.addAttribute("user", user);
    		 model.addAttribute("deptMap", deptMap);
    	     return "selectForm2";
    	 }
    	 
    	 @RequestMapping(value="/selectForm3",method=RequestMethod.GET)
    	 public String selectForm3(Model model) {
    		 User user = new User();
    		 user.setDeptId(2);
    		// 页面展现的可供选择的select下拉框内容deptMap
    		 Map<Integer, String> deptMap = new HashMap<Integer, String>();
    		 deptMap.put(1, "财务部");
    		 deptMap.put(2, "开发部");
    		 deptMap.put(3, "销售部");
    		 model.addAttribute("user", user);
    		 model.addAttribute("deptMap", deptMap);
    	     return "selectForm3";
    	 }
    	 
    	 @RequestMapping(value="/selectForm4",method=RequestMethod.GET)
    	 public String selectForm4(Model model) {
    		 User user=new User();
    		 user.setDeptId(2);
    		 // 页面展现的可供选择的select下拉框内容deptList，其中的元素的Dept对象
    		 // 模拟从数据库获取到部门信息封装到对象当中
    		 List<Dept> deptList=new ArrayList<Dept>();
    		 deptList.add(new Dept(1, "财务部"));
    		 deptList.add(new Dept(2, "开发部"));
    		 deptList.add(new Dept(3, "销售部"));
    		 model.addAttribute("user", user);
    		 model.addAttribute("deptList", deptList);
    	     return "selectForm4";
    	 }
    }

截图：

![Center][]

![Center 1][]

![Center 2][]

![Center 3][]

[Center]: /images/20220705/72fd1c4d22a94e679d8e02b5103db2b5.png
[Center 1]: /images/20220705/a9f599c3d31a493aa23e3a830fdf405d.png
[Center 2]: /images/20220705/638a619b44224bbc9fe9b5ff285ca9b3.png
[Center 3]: /images/20220705/36e24219dded482c84f2a0f3f0d86b79.png