Modal сбрасывает счетчик обратно на 1

Не уверен, как он сам сбросил / s, хотя он находится внутри цикла foreach. Вот фрагмент моего обзора клинка:

<tbody>
    <?php $counter = 1; ?>
    @foreach ($guidelines as $guideline)
    <tr>
        <td class = "text-center">{{ $counter }}</td>
        <td>{{ $guideline->description }}</td>
        <td>
            <a href = "/general-guidelines/{{ $guideline->id }}/edit" class = "btn btn-warning btn-sm"><i class = "far fa-edit"></i></a> 
            <button type = "button" class = "btn btn-danger btn-sm" data-toggle = "modal" data-target = "#myModal"><i class = "far fa-trash-alt"></i></button> 
            <div class = "modal fade" id = "myModal" role = "dialog">
                <div class = "modal-dialog modal-sm">
                    <div class = "modal-content">
                        <div class = "modal-header">
                            <h4 class = "modal-title">Confirm Delete</h4>
                        </div>

                        <div class = "modal-body">
                            <p>Are you sure you want to delete this?</p>
                        </div>

                        <div class = "modal-footer">
                            <a href = "/general-guidelines/{{ $guideline->id }}/delete" class = "btn btn-danger">Confirm</a>
                            <button type = "button" class = "btn btn-default" data-dismiss = "modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </td>
        <?php $counter++; ?>
    </tr>
    @endforeach
</tbody>

Редактирование работает с /general-guidelines/1/edit, /general-guidelines/2/edit, /general-guidelines/5/edit и т. д. Но /delete всегда оказывался на /1/delete.

Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Symfony Station Communiqué - 7 июля 2023 г
Symfony Station Communiqué - 7 июля 2023 г
Это коммюнике первоначально появилось на Symfony Station .
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Установка и настройка Nginx и PHP на Ubuntu-сервере
Установка и настройка Nginx и PHP на Ubuntu-сервере
В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Как установить PHP на Mac
Как установить PHP на Mac
PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...
2
0
48
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Во-первых, потому что у вас есть только один модальный (#myModal), и ваша кнопка всегда ссылается на (#myModal), так что всегда будет открываться первый модальный. Попробуйте решение #myModal{{ $loop->index }}.

Во-вторых, вы можете использовать $ loop-> iteration вместо $ counter в цикле foreach.

Попробуй это.

<tbody>
@foreach ($guidelines as $guideline)
<tr>
    <td class = "text-center">{{ $counter }}</td>
    <td>{{ $guideline->description }}</td>
    <td>
        <a href = "/general-guidelines/{{ $guideline->id }}/edit" class = "btn btn-warning btn-sm"><i class = "far fa-edit"></i></a> 
        <button type = "button" class = "btn btn-danger btn-sm" data-toggle = "modal" data-target = "#myModal{{ $loop->index }}"><i class = "far fa-trash-alt"></i></button> 
        <div class = "modal fade" id = "myModal{{ $loop->index }}" role = "dialog">
            <div class = "modal-dialog modal-sm">
                <div class = "modal-content">
                    <div class = "modal-header">
                        <h4 class = "modal-title">Confirm Delete</h4>
                    </div>

                    <div class = "modal-body">
                        <p>Are you sure you want to delete this?</p>
                    </div>

                    <div class = "modal-footer">
                        <a href = "/general-guidelines/{{ $guideline->id }}/delete" class = "btn btn-danger">Confirm</a>
                        <button type = "button" class = "btn btn-default" data-dismiss = "modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
    </td>
</tr>
@endforeach

Итак, он в основном передает значение внутри модального окна. Понял, спасибо

Kyle 19.09.2018 09:42

с циклом for создается несколько модальных окон, но для всех модальных окон, сгенерированных с помощью цикла for, нельзя использовать один и тот же идентификатор myModal. id должен быть уникальным.

Другие вопросы по теме