0

如何获取用户在 html 中输入数据的控制器 - 复选框并选择列表。我使用过 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";
        }
    }
4

2 回答 2

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>
于 2017-04-25T22:42:53.127 回答
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控制器中的值，那么您将能够获得下拉值

类似的去复选框

于 2017-04-27T11:43:21.417 回答