向 select 下拉列表添加按钮

Question

我目前在下拉菜单中使用 selectize.js，我想在选项列表的末尾添加一个按钮，例如 this

我尝试将跨度添加到 select 组中，但它没有显示在下拉列表中。我应该如何更改我的代码以允许在选项末尾有一个按钮，如图所示？

    $('#client').selectize();

<div class="form-group">
            <label>Client</label>
            <select id="client" type="text">
                <option value="0">Add New Client</option>
                <option value="1">Client 1</option>
                <option value="2">Client 2</option>
                <option value="3">Client 3</option>
            </select>
            <span class="input-group-addon" id="clear_addon">Clear</span>
        </div>

Answer 1

您可以修改插件的 html 并在项目列表后添加一个按钮：

$('.selectize-dropdown').append('<button id="clear_addon">Clear</button>');

向 select 下拉列表添加按钮

Adding a button to select dropdown

javascript

html

selectize.js