Javascript 具有一个更改侦听器，该侦听器提交它们所属的表单，以便重新加载页面。否则这就行了。我可以看到样式的变化，但当页面重新加载时，它会恢复正常。这确实是个好主意，但是在这一点上更改所有样式会有点乏味（我有30页类似的表单）。我一定会记住这一点，虽然，我没有想过这样

---

具有一个更改侦听器，该侦听器提交它们所属的表单，以便重新加载页面。否则这就行了。我可以看到样式的变化，但当页面重新加载时，它会恢复正常。这确实是个好主意，但是在这一点上更改所有样式会有点乏味（我有30页类似的表单）。我一定会记住这一点，虽然，我没有想过这样做与胸腺！是的，我可以看到，如果你必须手动操作的话，可能会有很多工作要做。您可以尝试使用正则表达式搜索并替换所有30个文件？类似于搜索：//并替换为？（类似的东西在Sublime中也可以使用）。此时，我更喜欢jQeury方法，因为它适用于整个HTML文件，即使它有5个这样的选择组件，只需在页面底部简单地复制粘贴一个脚本。这确实是一个好主意，但此时更改所有这些组件会有点繁琐（我有大约30页类似的表单）。不过我一定会记住这一点，我没有想过用thymeleaf做这件事！是的，我可以看到，如果你必须手动做这件事，可能需要做很多工作。你可以尝试使用正则表达式搜索和替换所有30个文件？比如搜索：/，替换为？（类似这样的东西在Sublime中也可以使用）。现在我更喜欢jQeury方法，因为它可以用于整个HTML文件，即使它有5个这样的选择组件，只需在页面底部简单地复制粘贴一个脚本。谢谢你的网友！搞定了！谢谢你的网友！搞定了！

<script type="text/javascript">
$(document).ready(
  function() {
    var cabinetFilter = document.getElementById("cabinetFilter");
    var value = cabinetFilter.options[cabinetFilter.selectedIndex].value;

    if (value == "") {
      $(cabinetFilter).css('font-style', 'italic');
      $(cabinetFilter).css('color', '#636c72');
      $(cabinetFilter).children().css('font-style', 'normal');
    } else {
      $(cabinetFilter).css('font-style', 'normal');
      $(cabinetFilter).css('color', 'black');
      $(cabinetFilter).children().css('font-style', 'normal');
    }
  }
);
</script>

<script type="text/javascript">
$(document).ready(
  function() {
    $('select').css('font-style', 'italic');
  }
);
</script>

<select class="form-control" id="cabinetFilter" name="cabinetFilter" th:value="${cabinetFilter}"
                                            onchange="this.form.submit()">
                                            <option value="">Search Cabinet</option>
                                            <option th:each="cabinet : ${cabinets}" th:value="${cabinet.id}" 
                                                th:text="${cabinet.toString()}" th:selected="${cabinet.id == cabinetFilter}">
                                                </option>
                                        </select>

function checkSelectElements()
{
    $('select').each(function (index, value){
      if($(this).val()===""){ 
        $(this).css('font-style', 'italic');
        $(this).css('color', '#636c72');
        $(this).children().css('font-style', 'normal');   
      }
      else
      {
        $(this).css('font-style', 'normal');
        $(this).css('color', 'red');
        $(this).children().css('font-style', 'normal');    
      }
  });
}

// When a select statement changes check if the option selected has a value of ""
// If so give it an italic style. If not, set it to normal
$(document).on('change', 'select', function() {
    if($(this).val() == '') {
        $(this).css({'font-style':'italic'});
    } else {
        $(this).css({'font-style':'italic'});
    }
});