Получите выбранное значение из выпадающего списка Выбрать в модальное перед выполнением действия по отправке формы

#php #html #forms #bootstrap-5

#php #HTML #формы #начальная загрузка-5

Вопрос:

Я пытаюсь отправить предупреждающее сообщение для кнопки «удалить» на моей веб-странице через модальное, содержащее выбранное значение из выпадающего меню. Но я не могу понять, как заставить это работать…

До сих пор у меня есть это.

 lt;form action="elimina_cliente_seleccionado.php" method="POST"gt;  lt;select class="form-select" name="cliente"gt;  lt;option selectedgt;Seleccione un cliente para borrar...lt;/optiongt;  lt;?php  // Iterating through the product array  foreach($grupos as $item){  echo "lt;option value=$itemgt;$itemlt;/optiongt;";  }  ?gt;  lt;/selectgt;  lt;button type="button" class="btn btn-primary mt-3" data-bs-toggle="modal" data-bs-target="#deleteModal"gt;  Eliminar cliente  lt;/buttongt; lt;/formgt;

Это и есть модальный.

 lt;!-- Modal --gt; lt;div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true"gt;  lt;div class="modal-dialog"gt;  lt;div class="modal-content"gt;  lt;div class="modal-header"gt;  lt;h5 class="modal-title" id="deleteModalLabel"gt;Confirmación de la acciónlt;/h5gt;  lt;button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"gt;lt;/buttongt;  lt;/divgt;  lt;div class="modal-body"gt;  Está seguro que desea eliminar al cliente ........ ?  lt;/divgt;  lt;div class="modal-footer"gt;  lt;button type="button" class="btn btn-secondary" data-bs-dismiss="modal"gt;Cancelarlt;/buttongt;  lt;button type="button" class="btn btn-primary"gt;Borrarlt;/buttongt;  lt;/divgt;  lt;/divgt;  lt;/divgt; lt;/divgt;

Как я могу взять выбранное значение из выпадающего меню… использовать его в модальном режиме и отобразить что-то вроде «Вы уверены, что хотите удалить пользователя USER1», а затем выполнить СООБЩЕНИЕ в ФОРМЕ PHP с выбранным значением?.

Любая помощь очень признательна. Р.-

1. Если возможно, ваш интерфейс должен показывать предупреждение напрямую, без ретрансляции на серверную часть, так что нам нужен только реальный delete маршрут, а не маршрут с предупреждением.

2. Привет.. спасибо за ответ. Я забыл упомянуть, что я не очень разбираюсь в html … что вы подразумеваете под интерфейсом….??

3. Как правило, все, что в HTML и JS (если нет Node.js) называется интерфейсом, а все, что в PHP, является бэкендом. Я имел в виду, используйте JS и/или jQuery (и не добавляйте маршрут для каждого сообщения).

Ответ №1:

В поисках информации и сбора фрагментов кода в нескольких местах я, наконец, заставил веб-страницу работать так, как я хотел. Может быть, кто-нибудь с большим опытом мог бы сказать мне, все ли в порядке. Спасибо!

Я добавил id тег для form , select и form button следующим образом:

lt;form id="formSelectUserDelete" action="hola.php" method="POST"gt;

lt;select class="form-select" name="cliente" id="cliente"gt;

lt;button id="botoncliente" type="button" class="btn btn-primary mt-3" data-bs-toggle="modal" data-bs-target="#deleteModal"gt; Eliminar clientelt;/buttongt;

и управлять всем с помощью javascript, как это:

 lt;scriptgt;  $('#botoncliente').click(function(){  //this is just getting the value that is selected  var title = 'Esta seguro que quiere eliminar al cliente '   $('#cliente').val()   '?';  $('.modal-body').html(title);  $('.modal').modal('show');  });   $(function() {  $('#botonmodalborrar').on('click', function(e) {  $('#formSelectUserDelete').submit();  });  }); lt;/scriptgt;