Получение переменных PHP в Bootstrap Modal

Хорошо, поэтому я разрабатываю проект класса, и я создаю веб-сайт с базовыми функциями. Я новичок в php и javascript.

Так вот проблема. Я создал базу данных в phpMyAdmin под названием "itemdb". Я могу добавлять элементы к нему через html + php, а также удалять их. Теперь то, что я хочу сделать, это отредактировать данные в базе данных, и именно там я не могу найти исправление для него.

Это моя идея. 1. нажимает кнопку редактирования. 2. Открывает Bootstrap Modal. 3. Отображает информацию об элементе. 4. Хиты сохраняют изменения. Обновлена база данных.

Моя проблема: если я установил кнопку/тип ввода для "отправки", окруженного тегом формы, модальный сбой. Однако текущий код ниже не имеет тега формы, и кнопка устанавливается как "кнопка", и когда я нажимаю кнопку, она отображает только одну информацию об элементе, даже если я нажимаю другую кнопку (те же данные).

Вот мой код.

для целей тестирования я создал таблицу, отображающую "привет" в первой строке и кнопку во второй строке, и когда я нажимаю кнопку, она должна отображать информацию в модальном формате.

 <div class = "row col-xs-10 col-sm-10 col-md-10 col-lg-10 ">
<?php
include 'connectDB.php';
$query = "SELECT * FROM 'itemdb';";
$result = mysqli_query($dbconnect, $query);
if(mysqli_num_rows($result) > 0)
{
    while($row = mysqli_fetch_assoc($result))
    {?>
    <table>
        <tr>
            <td>Hellow</td>
            <td>
                <?php
                echo "
                <button type=\"button\" class=\"btn btn-primary\" data-toggle=\"modal\" data-target=\"#exampleModal\" 
                data-whatever=\"editDB[" .  $row['itemID'] . "]\" onclick=\"window.Socation.href = 'adminItems3.php?value=" .  $row['itemID'] . "'\";>Edit</button>
                ";?>
                <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="exampleModalLabel">New message</h4>
                            </div>
                            <div class="modal-body">
                                <?php 
                                if(!empty($row['itemID'])){
                                $ID = $row['itemID'];
                                echo $ID;

                                $query1 = "SELECT * FROM 'trademe'.'itemdb' WHERE 'itemdb'.'itemID' = $ID;";
                                $result1 = mysqli_query($dbconnect, $query1);
                                if(mysqli_num_rows($result1) > 0){
                                $row1 = mysqli_fetch_assoc($result1);

                                echo "
                                <table class=\"table-striped\">
                                <tr>
                                <td class = \"imgBoxCol\">
                                <img class=\"imgBox img-rounded imgBox\"src=\"" . $row1['img_path'] . "\"></img>
                                </td>
                                <td>
                                <p >Ad Title: <input name=\"editadTitle\" value=\"" . $row1['adTitle'] . "\"/></p> 
                                <p>Item Name:<input name=\"edititemName\" value=\" " . $row1['itemName'] . "\"/> </p>
                                <p>Condition:<textarea name=\"editcond\" type=\"text\" >" . $row1['cond'] . "</textarea></p>
                                <p>Description:<textarea name=\"editdescription\"  type=\"text\" > " . $row1['description'] . " </textarea></p>
                                <p>Method:<input name=\"editmethod\" value=\"" . $row1['method'] . " \"/></p>
                                <p>Category:<input name=\"editcategory\" value=\"" . $row1['category'] . " \"/></p>
                                </td>
                                </tr>

                                </table>
                                ";
                                }}?>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                <button type="button" class="btn btn-primary">Send message</button>
                            </div>
                        </div>
                    </div>
                </div>
            </td>
        </tr>
    </table>
    <?php//opening php// ending html code.  
    }
}
?>
</div>

скрипт

$('#exampleModal').on('show.bs.modal', function (event) {
  var button = $(event.relatedTarget) // Button that triggered the modal
  var Eid = button.data('whatever') // Extract info from data-* attributes
  // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
  // Update the modal content. We'll use jQuery here, but you could use a data binding library or other methods instead.
  var modal = $(this)
  modal.find('.modal-title').text('New message to ' + Eid)
   modal.find('.modal-body input').val(Eid)
  // document.location="adminItems3.php?idSelected=" + Eid
})

Я пытался исправить это в течение нескольких дней. Если у вас, ребята, есть идеи о том, чтобы каким-то образом передать хотя бы идентификатор элемента, чтобы мой модал смог его восстановить, тогда это было бы здорово!

Есть ли способ передать переменную, чтобы я мог получить ее через мой модальный без сбоев?

[Изображение третьей кнопки при нажатии] [2]

он отображает информацию о первом бутоне. Спасибо еще раз!

введите описание изображения здесь