如何初始化具有相同类的页面上的所有Select2下拉框
如何初始化具有相同类的页面上的所有Select2下拉框
提问于 2014-10-10 06:35:49
我正在使用来自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>当我这样做时，第一个dropdown初始化得很好，但同一页上的所有其他dropdown都不能。我如何让它初始化所有的form_control dropdown？
JSFiddle：http://jsfiddle.net/hryoy8rc/1/
回答 5
Stack Overflow用户
发布于 2019-07-22 19:57:26
这是当前版本中的一个错误，我在使用4.0.0时遇到了同样的问题，它会修复你的问题：https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js
Stack Overflow用户
发布于 2014-10-10 06:39:15
试试我下面的代码...
$('.form_control').each(function(index, element) {
$(this).select2({
minimumResultsForSearch: -1
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="order_status" class="form-control" name="order_status">
<option value="">Option 1</option>
<option value="">Option 2</option>
</select>
来自维也纳的问候
Stack Overflow用户
发布于 2014-10-10 07:08:11
我最终为每个dropdown提供了一个动态生成的ID，比如drop_003，然后在主体中对其进行初始化，如下所示：
<script>
$('#drop_003').select2({
minimumResultsForSearch: -1
});
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26289066
复制相关文章
相似问题
腾讯云开发者
