用 Thymeleaf 中变量 B 的值填充值 A

Question

   @RequestMapping("/new") 
        public String addNewClient(Model model) {
            
            UserForAdmin userForAdmin = new UserForAdmin();
            
            model.addAttribute("userForAdmin", userForAdmin);
            
            return "new";



    @PostMapping("/save")
        public String saveClient(@ModelAttribute("userForAdmin") UserForAdmin userForAdmin) {
            
             userForAdminService.save(userForAdmin);
             
             return "redirect:/";   
        }
      






new.html
 <form action="#" th:action="@{/save}" th:object="${userForAdmin}"
            method="post">
 
            <table border="0" cellpadding="10">
                <tr>
                    <td>First Name:</td>
                    <td><input type="text" th:field="*{firstName}" /></td>
                </tr>
                <tr>
                    <td>Last Name:</td>
                    <td><input type="text" th:field="*{lastName}" /></td>
                </tr>
                <tr>
                    <td>Phone:</td>
                    <td><input type="text" th:field="*{phone}" /></td>
                </tr>
                <tr>
                    <td>Package:</td>
                    <td> <select th:field="*{packages}">
                        <option th:value="'10'" th:text="10"></option>
                        <option th:value="'5'" th:text="5"></option>
                        <option th:value="'3'" th:text="3"></option>
                    </select> </td>
         
                <tr>
                    <td>Session left:</td>
                    <td th:field="*{sessionleft}" th:value="*{packages}">  </td>
                </tr> 
           

我正在添加新用户，我有包含包的下拉列表：10、5 或 3。一切都很好，在我的索引页面上我检索了我选择的内容。但我还想从我的会话数量的下拉列表中设置值。所以例如在选择包10时，我想自动设置左10 。所以我选择了一个地方并在数据库中填充了两个值。我试过 th:value="*{packages}" 但它不起作用。

Answer 1

我不清楚您要问什么，但如果您要预先填写表格，那么我可以为您提供帮助。您可以使用内联 javascript 重新填充表单。方法如下：

               <select id="value" onClick="change()" th:field="*{packages}">
                      <option th:value="10" th:text="10"></option>
                      <option th:value="5" th:text="5"></option>
                      <option th:value="3" th:text="3"></option>
               </select> 

                 <tr >
                    <td >Session left:</td>
                    <input id="session" type='text' >//I have used input for testing purpose only, you can change accordingly
                </tr>

              <script th:inline="javascript">
                function change(){
                    let value=document.getElementById("value").value;
                    console.log(value);
                    document.getElementById('session').value=value;
                }
            
             </script>

让我知道这是否有效。