如何在Thymeleaf表单中隐藏带默认值的下拉列表

没问题，我来给你两种实用的方案，既能把这两个下拉列表隐藏起来，又能保证它们的默认值正常提交到后端：

方案一：用CSS隐藏下拉组件（保留原有结构） #

这种方法最简单，适合你后续可能需要重新显示下拉列表的场景，只需要给整个表单组添加隐藏样式即可：

第一个下拉列表的修改代码 #

<div class="form-group" style="display:none;"> 
  <label class="col-md-4 control-label" for="estado"></label> 
  <div class="col-md-4"> 
    <select id="estado" name="estado" class="form-control"> 
      <!-- 加上th:selected确保默认选中目标选项，这里默认选第一个元素 -->
      <option th:each="estado : ${estado}" 
              th:value="${estado.idEstado}" 
              th:attr="choiceid=${estado.idEstado}" 
              th:text="${estado.estado}"
              th:selected="${estado == estado[0]}"></option> 
    </select> 
  </div> 
</div>

如果需要固定选中某一个特定选项（比如ID为1的状态），可以把th:selected的条件改成：th:selected="${estado.idEstado == 1}"

第二个下拉列表的修改代码 #

<div class="form-group" style="display:none;"> 
  <label class="col-md-4 control-label" for="tipoDeDeclaracion"></label> 
  <div class="col-md-4"> 
    <select th:field="*{tieneErrores}" class="form-control" name="project_status"> 
      <option value="N" selected>NO (por defecto)</option> 
    </select> 
  </div> 
</div>

方案二：替换为隐藏输入框（更轻量化） #

如果不需要保留下拉列表的DOM结构，直接用<input type="hidden">传递默认值会更简洁，而且不影响表单提交：

第一个下拉列表的替换代码 #

假设你需要默认选中列表中的第一个状态，代码如下：

<!-- 直接传递第一个状态的ID作为默认值 -->
<input type="hidden" id="estado" name="estado" th:value="${estado[0].idEstado}" />

如果要固定某个特定值，比如状态为"ACTIVO"的ID，可以用Thymeleaf的列表过滤：

<input type="hidden" id="estado" name="estado" 
       th:value="${#lists.filter(estado, {e -> e.estado == 'ACTIVO'})[0].idEstado}" />

第二个下拉列表的替换代码 #

因为它的默认值已经固定为"N"，直接替换成隐藏输入框即可：

<!-- 用Thymeleaf的field绑定对象属性 -->
<input type="hidden" th:field="*{tieneErrores}" value="N" />

<!-- 或者直接用name属性对应后端参数 -->
<input type="hidden" name="project_status" value="N" />

注意事项 #

• 无论用哪种方案，都要保证name属性和原来的下拉列表完全一致，这样后端才能正确接收参数
• 如果第一个下拉列表的默认值不是列表第一个元素，一定要调整选中逻辑或者隐藏输入框的value值，指向你需要的默认选项ID
• CSS隐藏的方式只是让元素不可见，DOM结构依然存在；隐藏输入框则更轻量化，适合不需要再显示下拉的场景

内容的提问来源于stack exchange，提问作者Aaengeneer