胸腺替换Th：野外以符合TH：选定

Question

感谢您通过我的帖子去世。我也在Stackoverflow和Google中搜索了我的以下代码：

我的html代码：

<form th:action="@{/surgerywaitinglist/saveToWaitinList}"
            th:object="${waitinglistDTO}" method="POST">
.
.
.    
<select name="departmentName"
                                        
            th:field="*{department.departmentName}"
            th:with="departmentName = ${waitinglistDTO.department.departmentName}"
            class="form-control" id="departmentJS">
        
        <option value="" th:selected="selected" 
              th:disabled="disabled">select option
        </option>
                                                
        <option th:each="department: ${departments}"
                th:value="${department.departmentName}"
                th:text="${department.departmentName}"> 
        </option>
        
    </select>
.
.
.
<input type="submit" value="Save" class="btn btn-primary" />
</form>

形成其他帖子，例如这篇文章我发现Th：field and th：选择不工作；实际上，需要用其他东西替换字段。请注意，th：对象拥有另一个对象（来自部门类）...

我的DTO类：

public class WaitinglistDTO {

    private Long waitingListId;
    @NotBlank(message = "Please enter a procedure")
    private String waitingListProcedure;
    private String waitingListDiagnosis;
    private Long waitingListPatientId;
    private Long waitingListSurgeonId;
    private Long waitingListDepartmentId;
    @DateTimeFormat(iso=ISO.DATE)
    private Date waitingListAdditionDate;
    @DateTimeFormat(iso=ISO.DATE)
    private Date waitingListActualBookingDate;
    
    
    private Patient patient;
    private Surgeon surgeon;
    private Department department;

您能帮我弄清楚吗？

许多thanxxxxx :)

... ... 更新：

以下图像说明了它的外观，但是，默认选项应为选择选项，该选项应以某种方式被禁用

这是我应用，您可以看到预选的选项是第一个选项，而不是选择选项选项:)

Answer 1

您可以这样做：

<select name="departmentName" th:field="*{department.departmentName}" th:with="departmentName = ${waitinglistDTO.department.departmentName}" class="form-control" id="departmentJS">
    <option selected="selected" disabled="disabled">select option</option>
    <option th:each="department : ${departments}" th:value="${department.departmentName}" th:text="${department.departmentName}"></option>
</select>

这对我有用。

Answer 2

我不明白为什么您会将所选的选项添加到空白选项中，如果您的模型对象没有设置，并且如果采取正常行为，则始终选择第一个选项。 应该解决。

如果您希望选择始终以默认选项启动，即使模型具有另一个值或想将其设置为其他方式。您可以设置th：id =“*{dectiber.departmentName}” and th：name =“*{dectiber.departmentName}”，而不是手动handle th ：选择。

作为附带说明，无需使用th版本th：selected =“ Selected”如果使用静态值selected或selected =“选择在那种情况下会用

我没有工作电脑

代码编辑，而不会测试，因为

<select name="departmentName" th:name="*{department.departmentName}" th:id="*{department.departmentName}" class="form-control" id="departmentJS">
    <option selected disabled>select option</option>
    <option th:each="department : ${departments}" th:value="${department.departmentName}" th:text="${department.departmentName}"></option>
</select>

。想要填写现有数据，但默认为第一个选项

<select name="departmentName" th:field="*{department.departmentName}"  class="form-control" id="departmentJS">
    <option disabled>select option</option>
    <option th:each="department : ${departments}" th:value="${department.departmentName}" th:text="${department.departmentName}"></option>
</select>

，我不确定使用禁用的数据，但我认为它应该有效，就个人而言，我只能在控制器验证中选择它并在您的bean上执行@notnull。
th：使用注释我什么都看不到，我可以看到什么th：with用于定义一个新的变量，适用于嵌套在您定义它的Elment中的所有元素。例子：

<div th:with="newVar='someString'">
    <span th:text="${newVar}"></span>
</div>