css - select2如何将文本框和按钮添加到组合框中

Question

我是 select2 的新手。我只想知道如何将文本框和按钮添加到 select2 中。为了更好地理解我在这里放了图片，以便您可以清楚我的问题。任何答案表示赞赏。请帮助我。

html代码..

<select style="width:100%"  multiple id="e8">
          <option value="volvo">Suger</option>
          <option value="saab">Saab</option>
          <option value="opel">Opel</option>
</select>
<script>
   $("#e8").select2({
   placeholder: 'Placeholder  adding value test',
   minimumResultsForSearch: -1,    
   });
</script>

Answer 1

这是我得到的答案:

<select style="width:100%"  multiple id="e8">
          <option value="volvo">Suger</option>
          <option value="saab">Saab</option>
          <option value="opel">Opel</option>
</select>
<script>
   $("#e8").select2({
   placeholder: 'Placeholder  adding value test',
   minimumResultsForSearch: -1,    
   });
  $(".select2-drop").append('<div><input type="text" style="width: 86%;
  padding: 9px;"name="lname"><input class="PrimaryBtn" type="submit" value="Add"></div>');
</script>