从选择下拉列表中选择一个选项后，将其附加到div按钮单击

Question

我有一个选择下拉列表和一个按钮。从选择下拉列表中选择一个项目并单击按钮后，我需要将所选项目附加到显示您添加的内容的div。

您应该能够继续选择并添加项目到div。此外，您添加的选项旁边应该有一个X，您可以使用它从选择列表中删除它们。

我需要弄清楚如何为此编写JQuery。请帮忙！谢谢！

以下是我需要它的图像：

这是我的代码：

<div class="col-12 col-md-7">
    <span>Select the fixture type:*</span>
          <select id="fixture-type">
                 <option>Select</option>
                 <option>Select</option>
                 <option>Select</option>
          </select>
    <button class="btn-primary">+ ADD FEATURE</button>
</div>
<div class="col-12 col-md-5">
     <div class="append-list">
     <!--Append selection box items here-->
     </div>
</div>

这是我写的JQuery：

$(document).ready(function() {
    $("#fixture-type").on('change', function (e){
        $(".append-list").text($(this).val());
    });
});

Answer 1

{{1}}

我为您的

提供了工作解决方案here

如果有帮助，请告诉我。