select2显示不正确，如select2示例页面

我使用select2与Laravel Blade引擎，我使用它为loading remote data和它的工作正常（从远程获取数据），但它看起来不像select2框。我也为我的结果select2附加图片。select2显示不正确，如select2示例页面

我的CSS文件包括部分如下

 {{--Bootstrap--}} 
{{ HTML::style('css/bootstrap.css') }} 
{{ HTML::style('css/bootstrap.min.css') }} 
{{ HTML::style('css/plugin/font-awesome.min.css') }} 
    {{--select2--}} 
{{ HTML::style('css/plugin/select2/select2.min.css') }} 
{{ HTML::style('css/plugin/select2/select2-bootstrap.css') }}

我的JS文件包括身体标记后如下

{{ HTML::script('js/jquery.min.js') }} 

{{ HTML::script('js/bootstrap.min.js') }} 

{{ HTML::script('js/plugin/select2/select2.min.js') }} 

{{ HTML::script('js/plugin/select2/select2.js') }}

我的HTML代码

<input type="hidden" id="student-name-search" 
data-placeholder="Select Student" value="" data-option="" style="width:100%"> </input>

图片

enter image description here

来源

2016-01-03 Waqas Mehmood

你可以发布你的JS脚本，以及和HTML代码。你在这里的输入是隐藏的，所以我认为你有更多 –

你必须使用一个选择框输入HTML这样的：

$(document).ready(function() { 
    $(".js-example-basic-single").select2(); 
}); 

<select class="js-example-basic-single"> 
    <option value="AL">Alabama</option> 
    ... 
    <option value="WY">Wyoming</option> 
</select>

来源

2016-01-03 16:50:49

我正在使用旧版本的select2，并在该版本中起作用。它的工作也很好..但显示2个文本框... –

select2显示不正确，如select2示例页面

回答

相关问题