select2 with size属性用于单个选择

时间:2017-08-23 13:35:18

标签: javascript jquery html jquery-select2

我正在使用一个惊人的插件select2用于输入搜索的选择框,如下所示:

enter image description here

我想保持打开,就像这样:

enter image description here

他们有很多文档,你可以在这里找到很多文档,但我找不到关于单个选择的大小属性的东西,而不是多个。它必须是可搜索和可滚动的长列表。

我尝试使用多项选择将选择的数量限制为一,但它的行为有误,因为选择后列表会消失。也许,这是一个很好的方法,但我被困住了。而且,我无法使用此插件将size属性实现为多个选择。

我唯一能找到的是选择后保持打开的选项,closeOnSelect: false like这个:

$('#selectTypeTransaction').select2({
  placeholder: "Select Transaction Type",
  width: '250px',
  theme: "classic",
  closeOnSelect: false
  
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet"/>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<select size="5">
<option></option>
  <option value="one">Income</option>
  <option value="two">Outcome</option>
  <option value="three">Transfer</option>
</select>
 VS 
<select id="selectTypeTransaction" class="form-control select2-single">
<option></option>
  <option value="one">Income</option>
  <option value="two">Outcome</option>
  <option value="three">Transfer</option>
</select>

0 个答案:

没有答案