带有关闭按钮的自定义选择选项下拉菜单答案

【问题标题】：Custom Select option dropdown with close button带有关闭按钮的自定义选择选项下拉菜单
【发布时间】：2022-01-22 19:23:14
【问题描述】：

我是 JavaScript 新手，我尝试了很多时间，但无法做到。有人可以帮我解决下面的（图片）自定义选择框。并且“+新类别”底部稳定如图所示。还想在不同的地方多次使用。

<select type="text" id="select-dropdown"  placeholder="Select Category" autocomplete="off">                                    
                                    <option>adda</option>
                                    <option>Alliance Engineering</option>
                                    <option>Asia Art Archive</option>
                                    <option>Astrit</option>
                                    <option>BharatFC</option>
                                    <option>Garware</option>
                                    <option>Krypt Inc.</option>
                                    <option>+ New Category</option>                            
                                </select>

【问题讨论】：

标签： jquery select dropdown option custom-selectors

【解决方案1】：

您可以尝试select2 使用多选选项。这是相同的演示 sn-p。

HTML

<select class="js-example-basic-multiple" name="states[]" multiple="multiple">
  <option value="AL">Alabama</option>
    ...
  <option value="WY">Wyoming</option>
</select>

$(document).ready(function() {
    $('.js-example-basic-multiple').select2();
});

【讨论】：