select2 未正确显示，如 select2 示例页面中所示答案

【问题标题】：select2 not showing properly as shown in select2 example pageselect2 未正确显示，如 select2 示例页面中所示
【发布时间】：2016-01-03 11:53:55
【问题描述】：

我将 select2 与 Laravel Blade 引擎一起使用，我将它用于 loading remote data 并且它工作正常（从远程获取数据）但它看起来不像 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文件在body标签后包含如下

{{ 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

【问题讨论】：

你能不能把你的js脚本和html代码也贴出来。你在这里的输入是隐藏的，所以我认为你有更多

标签： jquery-select2

【解决方案1】：

您必须像这样在 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>

【讨论】：

我正在使用旧版本的 select2 并且在那个版本中有效。它在这里也可以正常工作..但显示了2个文本框...