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

Question

我是 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> 

Answer 1

您可以尝试select2使用多选选项。这是相同的演示片段。

HTML

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

JS

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