javascript - 如何初始化具有相同类的页面上的所有 Select2 下拉列表

Question

我正在使用 http://ivaynberg.github.io/select2/ 中的 Select2

现在我正在初始化下拉菜单，如下所示:

 <script>
 $(document).ready(function() { 

 $('.form_control').select2({
     minimumResultsForSearch: -1
 });

  });
 </script>

问题是，我有一个页面动态生成基于下拉列表的订单，因此我将在同一页面上有多个具有相同类的下拉列表和表单，如下所示:

<select id="order_status" class="form-control" name="order_status">

<option value="">Option 1</option>
<option value="">Option 2</option>

</select>

当我这样做时，第一个下拉列表初始化得很好，但同一页面上的所有其他下拉列表都没有初始化。如何让它初始化所有 form_control 下拉列表？

JSFiddle:http://jsfiddle.net/hryoy8rc/1/

Answer 1

这是当前版本中的一个错误，我在使用 4.0.0 时遇到了同样的问题，它将解决您的问题: https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js