希望这就是你想达到的目标。

$(document).ready(function() {
$('#myInputEle').select2({
    width: '100%',
    allowClear: true,
    multiple: true,
    maximumSelectionSize: 1,
    placeholder: "Start typing",
    data: [
            { id: 1, text: "Nikhilesh"},
            { id: 2, text: "Raju"    }
          ]    
});
});

个字符

解决办法是--

步骤1选择2代码

$('#input').select2();

字符串

STEP 2将此CSS添加到select2.css的末尾-

.select2-dropdown--below {
  top: -38px; }

型
请注意：38 px是您的输入字段高度。您需要调整输入高度。

STEP 3如果您需要防止select 2向上翻转下拉列表

未结

select2.js

型
查找

var enoughRoomAbove = viewport.top < (offset.top - dropdown.height);
var enoughRoomBelow = viewport.bottom > (offset.bottom + dropdown.height);

型
替换为

var enoughRoomBelow = true;
 var enoughRoomAbove = false;

型

搞定
**演示 *

在这里检查我的自定义版本https://codepen.io/gtanim/pen/pWEdQj

使用multiple的黑客可以工作，但并不优雅，并且存在设计问题。如本答案所示，selectize.js提供了一种完全按需工作的替代方案
下面是一个简单的example

$('#normalize').selectize();

个字符