Html Can'；t使select2 dropbox在列表框行中工作

我有一个列表框容器，每行显示3个项目

第一项是标签复选框，第二项是Select2下拉框，第三项是指向弹出窗口的链接

我的小提琴显示从列表框中取出的一行

几个小时后，我成功地将这3个项目组织在一行中，但Select2下拉框显示的是下拉菜单，而不是输入框

有没有办法让dropbox正常工作？另外，我对每一行的编码结构也很不确定。最好知道是否有更有效/更稳健的方法。非常感谢您的帮助

https://select2.github.io/select2/select2-3.5.1/select2.js
https://select2.github.io/select2/select2-3.5.1/select2.css

<label>
  <input type="checkbox" name="checkbox" id="First" />
  <span class="LHLabelClass">First row LH label:</span>
</label>


<span class="MiddleLabelClass">
        <select id="multipleSelectExample1" class="tester" data-placeholder="Select type" multiple="multiple">
            <option value="Option 1">Option 1</option>
            <option value="Option 2">Option 2</option>
            <option value="Option 3">Option 3</option>
        </select>
</span>


<span class="RHLabelClass">
<a href="#" id="POPUP1" >First RH row label</a>
</span>




$(function() {
  $("#multipleSelectExample1").select2({});
});




    * {
  box-sizing: border-box;
}

.LHLabelClass {
  color: blue;
  margin-left: 10px;
  margin-right: 20px;
  margin-bottom: 30px;
  width: 150px;
  display: inline-block;
  border: 1px solid blue;
}

.MiddleLabelClass {
  width: 100px;

  margin-right: 30px;
  display: inline-block;
  border: 1px solid brown;
}

.RHLabelClass {
  width: 150px;
  display: inline-block;
  border: 1px solid green;
}

.select2-container-multi .select2-choices {
  outline:none;
  width: 224px!important;
  height: 27px!important;
  padding: 0px 0px 0px 0px;
  border: 1px solid transparent;
}

.select2-container-multi .select2-choices .select2-search-choice{
  outline:none;
  font-size: 11px;
  background:#CEDDF0;
  color: black;
  padding: 2px 3px 2px 16px!important;
  margin-top: 5px!important;
  margin-right: 3px;
  margin-left: 4px;
  border: 1px solid #605D9C;
} 

 .select2-drop{
outline:none;
font-size: 12px;
color: black;
}

https://select2.github.io/select2/select2-3.5.1/select2.js
https://select2.github.io/select2/select2-3.5.1/select2.css
第一排左侧标签：
选择1
选择2
选择3
$（函数（）{
$（“#multipleSelectExample1”）。选择2（{}）；
});
* {
框大小：边框框；
}
.LHLabelClass{
颜色：蓝色；
左边距：10px；
右边距：20px；
边缘底部：30px；
宽度：150px；
显示：内联块；
边框：1px纯蓝色；
}
米德尔拉贝尔夫人{
宽度：100px；
右边距：30px；
显示：内联块；
边框：1px纯棕色；
}
RHLabelClass{
宽度：150px；
显示：内联块；
边框：1px纯绿色；
}
。选择2个容器。选择2个选项{
大纲：无；
宽度：224px！重要；
高度：27px！重要；
填充：0px 0px 0px 0px；
边框：1px实心透明；
}
.选择2个容器多个。选择2个选项。选择2个搜索选项{
大纲：无；
字体大小：11px；
背景#CEDDF0；
颜色：黑色；
填充：2px 3px 2px 16px！重要；
页边距顶部：5px！重要；
右边距：3倍；
左边距：4倍；
边框：1px实心#605D9C；
} 
。选择2下拉菜单{
大纲：无；
字体大小：12px；
颜色：黑色；
}

检查小提琴的控制台，此处缺少jquery文件：

$（函数（）{
$（“#multipleSelectExample”）.select2（{}）；
});

第一排左侧标签：
选择1
选择2
选择3
非常感谢@Suchit kumar。真不敢相信我爱上了那个！