@s_stepashka

Всплывающее окно на html странице, как передать в него данные?

На страницу выводится таблица с записями из базы данных и хочется при клике на ссылку "изменить", чтобы появлялось всплывающее окно, с формой для редактирования именно данной записи. На данный момент всплывающее окно появляется, но в полях "номер узла" и "номер стыка" всегда выводятся данные ПЕРВОЙ записи, а не текущей. Подскажите пожалуйста в чём ошибка?

{% extends "base.html" %}
{% block title %}Редактирование информации о линии{% endblock title %}
{% block leftcolumn %}<p><a href="/main_table">Возврат к рабочей таблице</a></p>{% endblock leftcolumn %}
{% block rightcolumn %}
                <form method="POST">
                    {% csrf_token %}
                            <p>
                                {% if full_lines_info_table.count > 0 %}
                                <h2>Информация по линии</h2>
                                <table border="">
                                    <tr><th>Id</th><th>Наименование линии</th><th>Узел</th><th>Стык</th><th>Сварщик</th></tr>
                                    {% for line1 in full_lines_info_table %}
                                        <tr><td align="center">{{ line1.id }}</td>
                                            <td>{{ line1.name_of_line }}</td>
                                            <td align="center">{{ line1.uzel_number }}</td>
                                            <td align="center">{{ line1.joint_number }}</td>
                                            <td align="center">{{ line1.welder }}</td>
                                            <td><a href="deletejoint/{{line1.id}}">Удалить</a>
                                                <p>
                                                <a href="#zatemnenie">Изменить</a></p>
                                                <div id="zatemnenie">
                                                    <div id="okno">
                                                        Изменение информации о стыке<br>
                                                        <form method="post" action="">
                                                            {% csrf_token %}
                                                            Добавить информацию: <p></p>
                                                            Название линии {{ form.edit_line_name }}
                                                            <input type="text" name="edit_line_name" required="" id="id_edit_line_name" value="{{line1.name_of_line}}">
                                                            Номер узла   {{ form.edit_uzel_number }} {{line1.id}}
                                                            <input type="text" name="edit_uzel_number" required="" id="id_edit_uzel_number" value="{{line1.uzel_number}}">
                                                            Номер стыка   {{ form.edit_joint_number }} {{line1.id}}
                                                            <input type="text" name="edit_joint_number" required="" id="id_edit_joint_number" value="{{line1.joint_number}}">
                                                            Сварщик   {{ form.edit_welder }}
                                                            <input type="text" name="edit_welder" required="" id="id_edit_welder" value="{{line1.welder}}">
                                                            <p><input type="submit" formaction="/applychanges" value="OK" >
                                                        </form>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    {% endfor %}
                                </table>
                                {% endif %}
                            <form method="post" action="">
                                {% csrf_token %}
                                Добавить информацию: <p></p>
                                Название линии  {{ form.inf_line_name }}
                                <input type="text" name="inf_line_name" required="" id="id_inf_line_name" value="{{full_lines_info_table.0.name_of_line}}">
                                Номер узла   {{ form.inf_uzel_number }}
                                <input type="text" name="inf_uzel_number" required="" id="id_inf_uzel_number">
                                Номер стыка   {{ form.inf_joint_number }}
                                <input type="text" name="inf_joint_number" required="" id="id_inf_joint_number">
                                Сварщик   {{ form.inf_welder }}
                                <input type="text" name="inf_welder" required="" id="id_inf_welder">
                                <p><input type="submit" value="OK" >
                            </form>
                            </p>
                </form>
{% endblock rightcolumn %}
  • Вопрос задан
  • 92 просмотра
Пригласить эксперта
Ответы на вопрос 1
Скорее всего вы открываете модальное окно ссылаясь на id="zatemnenie". У вас в каждой строке присутствует блок с одинаковым id. Задайте уникальный id. Например zatemnenie-1, zatemnenie-2 и т.д.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы