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>

Answer 2

我从未使用过此插件，但您可以尝试使用文本框和按钮创建自己的div，并使用#select2-drop将该div附加到jQuery's .append() div。不知道是否总是填充#select2-drop div（只是从plugin home page抓取它）