如何到达控制器，用户在html上输入数据 - checkBox并选择列表。我使用过Thymeleaf和SpringBoot。
<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 :(得分：0)
如果你在CheckBox和Select中使用javaSkill和level，你的模型 “worker” 应该包含带有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>
答案 1 :(得分：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值，那么您将能够获得下拉值
类似于复选框