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示例頁面

回答

相關問題