2017-04-25 339 views
0

如何讓用戶在html - checkBox和選擇列表中輸入數據。我使用了Thymeleaf和SpringBoot。Spring Boot Thymeleaf GetParameter

<form id="register-form" th:object="${worker}" th:action="@{/worker/save}" 
              method="post" 
              role="form"> 
             <div class="form-group"> 
              <input type="text" th:field="*{firstName}" id="firstName" tabindex="1" 
                class="form-control" placeholder="First Name" value=""/> 
             </div> 
             <div class="form-group"> 
              <input type="text" th:field="*{secondName}" id="secondName" tabindex="1" 
                class="form-control" placeholder="Second Name" value=""/> 
             </div> 

             <div class="form-group"> 
              <input class="form-control" placeholder="Date of Bithday" type="text" 
                th:field="*{dateBirth}" id="datepicker"/> 
             </div> 

             <div class="form-group"> 
              <label class="checkbox-inline"> 
               <input type="checkbox" value="java"/>JAVA Skill 
              </label> 
              <select class="form-control" id="exampleSelect1"> 
               <option value=""></option> 
               <option value="first"> First level</option> 
               <option value="second"> Second level</option> 
               <option value="third"> Third level</option> 
               <option value="fourth"> Fourth level</option> 
               <option value="fifth"> Fifth level</option> 
              </select> 
             </div> 

             <div class="form-group"> 
              <label class="checkbox-inline"> 
               <input th:field="*{phpSkill}" type="checkbox" value="php"/>PHP Skill 
              </label> 
              <select class="form-control" id="exampleSelect2"> 
               <option value=""></option> 
               <option value="first"> First level</option> 
               <option value="second"> Second level</option> 
               <option value="third"> Third level</option> 
               <option value="fourth"> Fourth level</option> 
               <option value="fifth"> Fifth level</option> 
              </select> 
             </div> 

             <div class="form-group"> 
              <label class="checkbox-inline"> 
               <input th:field="*{javascriptSkill}" type="checkbox" 
                 value="javascript"/>JAVA 
               SCRIPT Skill 
              </label> 
              <select class="form-control" id="exampleSelect3"> 
               <option value=""></option> 
               <option value="first"> First level</option> 
               <option value="second"> Second level</option> 
               <option value="third"> Third level</option> 
               <option value="fourth"> Fourth level</option> 
               <option value="fifth"> Fifth level</option> 
              </select> 
             </div> 

             <hr/> 


             <div class="form-group"> 
              <div class="row"> 
               <div class="col-sm-6 col-sm-offset-3"> 
                <input type="submit" name="register-submit" id="register-submit" 
                  tabindex="4" class="form-control btn btn-register" 
                  value="Register Now"/> 
               </div> 
              </div> 
             </div> 
            </form> 

這是我的控制器代碼:我需要在這裏接收選擇期權價值和複選框值

@Controller 
public class WorkerController { 



    private WorkerServ workerServ; 

     @Autowired 
     public WorkerController(WorkerServ workerServ) { 
      this.workerServ = workerServ; 
     } 

     @RequestMapping(value = "/worker/register") 
     public String saveWorker(Model model) { 
      model.addAttribute("worker", new Worker()); 
      return "signupWorker"; 
     } 
     @RequestMapping(value = "worker/save", method = RequestMethod.POST) 
     public String saveWorker(Worker worker) { 
      String firstName = worker.getFirstName(); 
      String secondName = worker.getSecondName(); 
      String dateBith = worker.getDateBirth(); 


      workerServ.registerWorker(firstName, secondName, dateBith, null); 
      return "index"; 
     } 
    } 

回答

0

如果使用javaSkill和複選框並選擇層面,你的模型「工人」應該有getter和setter的變量!

複選框:

<input type="checkbox" name="javaSkill" th:checked="*{javaSkill}" /> 

選擇:

<select th:field="*{level}"> 
    <option th:value="first" th:text="First Level"></option> 
    <option th:value="second" th:text="Second Level"></option> 
</select> 
0

下面是下拉菜單

一個簡單而有效的實施例示例

<select class="form-control" th:value="${appointment.location}" name="location" id="location"> 
         <option disabled="disabled" selected="selected" > -- select the location --</option> 
         <option>Boston</option> 
         <option>New York</option> 
         <option>Chicago</option> 
         <option>San Francisco</option> 
        </select> 

,如果你在控制器訪問location值,那麼你將能夠獲得下拉值

類似於一個人去複選框

相關問題