Как вывести название товара?

Question

[Александр Коновалов]

Здравствуйте! Нужно в модальном окне вывести название товара.
Вывожу товары так:

while($row = $result->fetch_assoc()) {

                            echo "<div><div class='popular-box'><div class='title'>" . $row["name"] . "<span>" . $row["description"] . "</span></div>"
                              . "<div class='img'><img src='" . $row["img"] . "'></div>"
                              . "<div class='price'>" . $row["price"] . " руб</div>"
                              . "<a href='#modal-order' data-toggle='modal'><span class='pe-7s-cart'></span></a></div></div>";
                          }

Здесь кнопка вызова модального окна с формой для заказа:

<a href='#modal-order' data-toggle='modal'><span class='pe-7s-cart'></span></a>

Вот код модального окна с формой, куда мне надо вывести название товара (пытаюсь вывести так: <?php echo $name; ?>,, но оно не выводится).

<div id="modal-order" class="modal fade" role="dialog">
    <div class="modal-dialog call_modal">
        <div class="modal-content">
            <form id="form-order">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">×</button>

                    <h4 class="modal-title">Оформить заказ на <?php echo $name; ?></h4>
                    <p class="after-modal-title text-center">Оставьте свои данные и наши менеджеры свяжутся с вами для уточнения деталей</p>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <input type="text" name="name" class="form-control" placeholder="Ваше имя" required>
                    </div>
                    <div class="form-group">
                        <input type="email" name="email" class="form-control" placeholder="Ваш E-mail" required>
                    </div>
                    <div class="form-group">
                        <input type="text" name="phone" class="form-control phone-mask" placeholder="[phone]" required>
                    </div>
                    <input type="hidden" name="formData" value="Оформление заказа">
                    <button type="submit" class="btn main-btn form-btn">Перезвоните мне</button>
                </div>
            </form>
        </div>
    </div>
</div>

Я так понимаю, что нужно как-то передать id товара, потому что, если открыть страницу по адресу site.ru?id=1 (1 - id товара), то название появится

Answer 1

[Александр Коновалов]

Решение:

while($row = $result->fetch_assoc()) {

                        echo "<div><div class='popular-box'><div class='title'>" . $row["name"] . "<span>" . $row["description"] . "</span></div>"
                          . "<div class='img'><img src='" . $row["img"] . "'></div>"
                          . "<div class='price'>" . $row["price"] . " руб</div>"
                          . "<a href='#modal-order' data-toggle='modal' data-name=' . $row["name"] . ' class="modal-name"><span class='pe-7s-cart'></span></a></div></div>";
                      }

<div id="modal-order" class="modal fade" role="dialog">
<div class="modal-dialog call_modal">
    <div class="modal-content">
        <form id="form-order">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">×</button>

                <h4 class="modal-title">Оформить заказ на <span id="modal-name"></span></h4>
                <p class="after-modal-title text-center">Оставьте свои данные и наши менеджеры свяжутся с вами для уточнения деталей</p>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <input type="text" name="name" class="form-control" placeholder="Ваше имя" required>
                </div>
                <div class="form-group">
                    <input type="email" name="email" class="form-control" placeholder="Ваш E-mail" required>
                </div>
                <div class="form-group">
                    <input type="text" name="phone" class="form-control phone-mask" placeholder="[phone]" required>
                </div>
                <input type="hidden" name="formData" value="Оформление заказа">
                <button type="submit" class="btn main-btn form-btn">Перезвоните мне</button>
            </div>
        </form>
    </div>
</div>

$(document).ready(function() {
  $(".modal-name").on("click", function() {
    $("#modal-name").html($(this).data("name"));
  });
});