jQuery select2与多个选择标签

jQuery select2 with multiple select tags

本文关键字：选择 标签 select2 jQuery      更新时间：2023-09-26

我正在使用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>

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

我怎样才能做到这一点?谢谢。

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

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

使用具有相同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(); });
相关文章：