Php 在一个表单中使用多个select2时发现4个id非唯一的元素

在我的表单中，我使用基于角色的select2，共有5个角色，因此我使用循环设施来显示select2……我的代码中出现以下错误：

[DOM]找到了4个具有非唯一id的元素

选择2个库

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>

---

id

属性必须是唯一的。这就是那条信息所说的。不要使用相同的

id

（

id=“fcss”

？）进行选择。好的。现在我已经使用了不同的id，即id=“fcss

+index+

”现在错误不显示，但选择2不工作，这很奇怪，因为您通过class

触发
选择2
。选择2fc

而不是通过

id

。使用浏览器控制台找出可能出现的问题。另请注意选择2。

<select class="form-control required select2fc" name="facility[]" id="fcss" multiple="multiple" style="width:60%;" required="true" >
     <?php                 
        for ($i=0; $i < count($facilities); $i++) { ?>
          <option value="<?php echo $facilities[$i]['id'];?>"><?php echo $facilities[$i]['Name'];?></option>  
    <?php } ?>
</select>

$(document).ready(function(){
    $(".select2fc").select2();
});