如何為select2下拉列表添加唯一ID

Question

我遇到一個問題，我在頁面上有多個選擇，而我們正在使用select2。 我只想為這一個特定的樣式設置樣式，但是我很難使其具有唯一性，因此我可以添加一些CSS。 我可以將ID添加到容器中，但是實際上是在打開下拉列表時將代碼添加到主體的最底部，因此我無法在不應用ID或CSS的情況下將其定位每一個選擇。

如何獲得ID或類添加到下面的代碼中？ 我正在使用select2 v3.4.0。 如果您在此頁面上打開選擇，則可以看到我所指的內容。 選擇2

<div class="select2-drop select2-display-none select2-drop-active select2-with-searchbox" style="display: block; top: 468px; left: 627.078px; width: 252px;" id="select2-drop">
    <div class="select2-search">
        <input type="text" autocomplete="off" autocorrect="off" autocapitilize="off" spellcheck="false" class="select2-input"> </div>
    <ul class="select2-results">
        <li class="select2-results-dept-0 select2-result select2-result-selectable select2-highlighted">
            <div class="select2-result-label"><span class="select2-match"></span>Standard Vehicle</div>
        </li>
        <li class="select2-results-dept-0 select2-result select2-result-unselectable select2-disabled">
            <div class="select2-result-label"><span class="select2-match"></span></div>
        </li>
        <li class="select2-results-dept-0 select2-result select2-result-selectable">
            <div class="select2-result-label"><span class="select2-match"></span>Motorcycles &amp; Scooters</div>
        </li>
    </ul>
</div>

Answer 1

更新了codepin 。

在“ 文檔-構造函數”參數部分 ，可以使用dropdownCssClass參數將特定的自定義class給所需的選擇列表：

$("#my-id").select2({
    dropdownCssClass: "custom-dropdown"
});

希望這可以幫助。