Bootstrap 4模式选择不起作用，带有动态ID

Question

我有一个要从PHP foreach循环中的链接调用的模式。当模态ID为静态（id="test"）时，模态加载很好，并且select2下拉菜单将按预期运行。

当模式的ID被动态分配（id="test<?php echo $a ?>）时，将加载select2框，但不会加载其内容。 $ a是一个变量，对于数组的每一行，该变量加1。

我充其量是一名业余程序员，我觉得我理解问题，但不知道如何解决。我的想法是，因为在后台为数组的每个结果创建了一个新的模态，所以可能需要在某处重新初始化代码。好。从头开始...我不知道。

链接代码

<?php foreach ($vehicles->fetchAll() as $row){ ?>

<a class="dropdown-item" href="#" data-toggle="modal" data-target="#Assign_<?php echo $a; ?>">Assign Vehicle</a>

<?php } $vehicles->closeCursor(); ?>

模式代码

<div class="modal fade" id="Assign_<?php echo $a; ?>" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLongTitle">Assign Vehicle to User</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <select name="check" class="select2 form-control custom-select" style="width: 100%;" >
                    <?php foreach ($assign->fetchall() as $assignrow) { ?>                                      
                        <option value="<?php echo $assignrow['Emp_ID']; ?>">
                            <?php echo $assignrow['First_Name']; echo ' ' . $assignrow['Last_Name']; ?>
                        </option>
                    <?php } $assign->closeCursor(); ?>
                </select>
            </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary waves-effect waves-light" data-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-info waves-effect waves-light">
                    <a class="text-white" href="https://mailmelater.com/includes/functions/fn-unassign-vehicle.php?vehid=<?php echo $row['Veh_ID']; ?>">Confirm</a>
                </button>
            </div>
        </div>
    </div>
</div>

我已经尝试过使用选择（非选择）框进行同样的操作。无论哪种方式，模态和下拉菜单都始终显示为应有的状态。仅当模式ID为动态模式时，下拉列表中不会填充内容。

Answer 1

您能解释更详细吗？