javascript - 具有多个选择标签的 jQuery select2

Question

我正在使用 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 是否允许这种类型的使用(我无法在文档中识别此信息)，但另一个选项是增量 javascript 函数 { $('#e1').select2(); }允许{ $('#e(1..999)').select2(); } ，之后我将调整php代码<select id="e<?php echo $i ?>" style="width: 300px"> ，其中 $i 递增。

我怎样才能实现这个目标？谢谢。

Answer 1

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

其次，要匹配两者，您可以执行 $('[id="e1"]').select2(); - 但我认为您不应该这样做。