我正在使用一个惊人的插件select2用于输入搜索的选择框,如下所示:
我想保持打开,就像这样:
他们有很多文档,你可以在这里找到很多文档,但我找不到关于单个选择的大小属性的东西,而不是多个。它必须是可搜索和可滚动的长列表。
我尝试使用多项选择将选择的数量限制为一,但它的行为有误,因为选择后列表会消失。也许,这是一个很好的方法,但我被困住了。而且,我无法使用此插件将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>