文章/答案/技术大牛

发布

社区首页 >问答首页 >具有多个选择标记的jQuery select2

问具有多个选择标记的jQuery select2
EN

Stack Overflow用户

提问于 2013-05-26 21:42:14

回答 2查看 1.9K关注 0票数 0

我正在使用jQuery Select2 2.1，并尝试将其应用于具有相同id类的多个选择标记。我的代码如下所示：

<select id="e1" style="width: 300px">
    <option value="AL">Alabama</option>
    <option value="WY">Wyoming</option>
    <option value="NY">New York</option>
</select>
...
<select id="e1" style="width: 300px">
    <option value="AL">Alabama</option>
    <option value="WY">Wyoming</option>
    <option value="NY">New York</option>
</select>

所使用javascript代码是：

<script>
    $(document).ready(function() { $('#e1').select2(); });
</script>

问题是只有第一个select标记获得了正确的select2类。我不知道select2是否允许这种类型的使用(我在文档中无法识别这一信息)，但另一个选项是在我调整php代码<select id="e<?php echo $i ?>" style="width: 300px">之后，javascript函数{ $('#e1').select2(); }允许{ $('#e(1..999)').select2(); }的增量，其中$i是递增的。

我如何才能做到这一点？谢谢。

javascript

jquery

回答 2

Stack Overflow用户

发布于 2013-05-26 21:43:38

首先，你真的需要有两个具有相同id的选择吗？

其次，为了匹配两者，你可以使用$('[id="e1"]').select2(); --但你不应该使用imo。

票数 1

Stack Overflow用户

发布于 2013-06-07 03:24:13

使用具有相同ID的多个元素是非常糟糕的做法。使用一个类来代替...这就是它们的用途。

HTML：

<select class="select2" style="width: 300px">
    <option value="AL">Alabama</option>
    <option value="WY">Wyoming</option>
    <option value="NY">New York</option>
</select>
...
<select class="select2" style="width: 300px">
    <option value="AL">Alabama</option>
    <option value="WY">Wyoming</option>
    <option value="NY">New York</option>
</select>

JavaScript：

$(document).ready(function() { $('.select2').select2(); });

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16759811

复制

相似问题

问具有多个选择标记的jQuery select2
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问具有多个选择标记的jQuery select2EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问具有多个选择标记的jQuery select2
EN