Bootstrap Modal -为每个循环更新php中的模式id

<?php
$modalIndex = 1; // 初始化Modal的索引

// 假设有一个包含数据的数组
$items = array(
    array('name' => 'Item 1', 'description' => 'Lorem ipsum dolor sit amet.'),
    array('name' => 'Item 2', 'description' => 'Consectetur adipiscing elit.'),
    // ...
);

// 循环遍历数组，并生成对应的Modal
foreach ($items as $item) {
    $modalId = 'modal-' . $modalIndex; // 根据索引生成唯一的ID

    // 输出Modal的触发按钮，以及Modal的内容
    echo '<button type="button" data-toggle="modal" data-target="#' . $modalId . '">Open Modal</button>';
    echo '<div id="' . $modalId . '" class="modal fade" role="dialog">';
    echo '<div class="modal-dialog">';
    echo '<div class="modal-content">';
    echo '<div class="modal-header">';
    echo '<h4 class="modal-title">' . $item['name'] . '</h4>';
    echo '</div>';
    echo '<div class="modal-body">';
    echo '<p>' . $item['description'] . '</p>';
    echo '</div>';
    echo '<div class="modal-footer">';
    echo '<button type="button" data-dismiss="modal">Close</button>';
    echo '</div>';
    echo '</div>';
    echo '</div>';
    echo '</div>';

    $modalIndex++; // 更新索引
}
?>