使用 Thymeleaf 选择禁用的默认选项答案

【问题标题】：Selecting disabled default option with Thymeleaf使用 Thymeleaf 选择禁用的默认选项
【发布时间】：2016-10-03 08:33:11
【问题描述】：

我有一个用 Thymeleaf 创建的选择菜单。我需要菜单没有默认选项。通常这是通过禁用的额外选项完成的，我也这样做了。现在，问题是我无法将 selected 属性渲染到生成的 HTML 中。这似乎破坏了 IE，然后默认为第一个非禁用选项。这就是我所拥有的：

    <select th:field="*{serviceName}" required="required" >
      <option th:selected="true" th:disabled="true" th:value="NOT_SELECTED" th:text="'Pick one'"></option>
      <option th:each="entry : ${form.services}"
              th:value="${entry.key}" th:text="${entry.value}">
      </option>
    </select>

它呈现如下：

    <select required="required" id="serviceTechnicalName" name="serviceTechnicalName">
      <option disabled="disabled" value="NOT_SELECTED">Pick one</option>
      <option value="SERVICE1">Service One</option>
      <option value="SERVICE2">Service Two</option>
    </select>

我做错了什么？至少一个小时以来，我一直在摆弄这些不同选项的不同组合，这应该不难......

FWIW，this 似乎是一个重复的问题，但那里的答案对我没有用。那里也没有公认的答案。

【问题讨论】：

标签： thymeleaf

【解决方案1】：

显然，当使用 th:field 时它不起作用。看this post。但是，我认为您不必使用 th:selected 因为服务器中没有处理。你有没有尝试过类似的东西：

<select th:field="*{serviceName}" required="required" >
      <option value="" selected="selected">Selecione</option>
      <option th:each="entry : ${form.services}"
              th:value="${entry.key}" th:text="${entry.value}">
      </option>
</select>

【讨论】：

谢谢，但我已经尝试（并重试）这种方法，但它不起作用。不过，我现在正在阅读您链接的帖子。

【解决方案2】：

嗯，Kimy82 suggested 的 forum post 深入到一些 Java 配置漏洞中，所以解决方案对我没有吸引力。

然后我将 Spring Boot 从 1.3.3-RELEASE 升级到 1.4.0-RELEASE。然后我花了一段时间尝试将 Thymeleaf 从版本 2 升级到 version 3，但显然无法正确获取所有依赖项并排除传递依赖项。

所以最后我这样做了：

<script type="text/javascript">
window.addEventListener('load', function () {
    document.getElementById('serviceTechnicalName').value='NOT_SELECTED';
});
</script>

现在，这不是我要寻找的答案，但它确实有效......

【讨论】：