Select2 多选框不起作用答案

【问题标题】：Select2 Multi-select boxes doesn't workSelect2 多选框不起作用
【发布时间】：2018-04-22 11:35:33
【问题描述】：

我正在使用 Laravel 5.6。我可以制作单选框那工作正常。

我读了这个页面

https://select2.org/getting-started/basic-usage

我使用这个 CDN

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>

我将此代码粘贴到我的刀片文件中。我可以看到项目，我可以单击它们。但是没有多视图出来和交叉标记。

<select class="js-example-basic-multiple" name="states[]" multiple="multiple">
  <option value="AL">Alabama</option>
    ...
  <option value="WY">Wyoming</option>
</select>

我的代码有什么问题？

【问题讨论】：

您的代码似乎正确。为什么它不起作用

标签： laravel jquery-select2

【解决方案1】：

创建一个自定义 JS 文件。并将其链接到您的 html：

<script src="YourJsFile.js"></script>

在YourJsFile.js:

$(document).ready(function() {
    $('.js-example-basic-multiple').select2();
});

您的html 文件：

<select class="js-example-basic-multiple" name="states[]" multiple="multiple">
  <option value="AL">Alabama</option>
  <option value="HI">Hawaii</option>
  <option value="CA">California</option>
  <option value="NV">Nevada</option>
  <option value="OR">Oregon</option>
  <option value="WA">Washington</option>
  <option value="WY">Wyoming</option>
</select>

【讨论】：

先生。 @Sand Of Vega 谢谢你的回答。我照你说的做了。但它只是普通的选择框。我使用 Laravel。有关系吗？
是的。我在我的 laravel 项目中使用了它。 @machagr