<select id="goodInformation" name="goodId" class="form-control " data-live-search="true"> <optgroup label="--请选择商品信息--"> <option th:each="goodInformation:${goodInformation}" th:value="${goodInformation.goodId}" th:text="${goodInformation.goodName}" ></option> </optgroup> </select>为什么默认显示第一个选项

在您提供的代码中，默认显示第一个选项的原因是没有设置一个空的默认选项。

要将 `<select>` 设置为默认不显示第一个选项，您可以添加一个空的 `<option>` 元素，并将其设置为被选中状态。以下是修改后的示例代码：

<select id="goodInformation" name="goodId" class="form-control" data-live-search="true">
  <optgroup label="--请选择商品信息--">
    <option value="" disabled selected>--请选择--</option>
    <option th:each="goodInformation:${goodInformation}" th:value="${goodInformation.goodId}" th:text="${goodInformation.goodName}"></option>
  </optgroup>
</select>

在上面的代码中，我们在 `<optgroup>` 内部添加了一个空的 `<option>` 元素作为默认的选项。该选项具有以下属性和值：

- `value=""`：设置选项的值为空。
- `disabled`：禁用选项，使其不能被选择。
- `selected`：将选项设置为被选中状态。

通过添加空的默认选项，当页面加载时，Select2 将显示该空选项，并且不会默认选择第一个选项。

希望以上解答对您有所帮助。如果您还有其他问题，请随时提问。