Передача данных из модальной формы bootstrap в основную форму

У меня проблема, которую я не знаю как решить, у меня есть две формы одна находится на родительской странице и показывает историю продаж продуктов, а затем есть форма для ввода количества продуктов на следующие месяцы. Таблица главной страницы. Затем у меня есть модал, который следует модели главной страницы, но вместо отдельных продуктов он отслеживает количество продуктов по типу продукта. Я хочу передать данные, которые находятся в модальной форме, в поля формы в полях ввода таблицы родительской страницы. Модальная таблица. (Обратите внимание, что обе включают практически одни и те же поля название продукта/типа продукта, количество от прошлых месяцев до последнего, затем уже оплаченные в этом месяце, проданные, но не оплаченные в этом месяце, среднее значение за последние 3 и 6 месяцев, сумма оплаченных+не оплаченных в этом месяце, форма истекающего количества от этого месяца до этого месяца+6)

Но как мне это сделать?

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

Я использую Django и bootstrap.

Я не могу дать вам конкретные инструкции по выполнению этого, так как не вижу имеющегося у вас кода.

Похоже, что у вас есть модальная форма, и когда пользователь отправляет форму, вам нужно получить доступ к этим данным и использовать их в другом месте на той же странице. Если вы используете jQuery, то это можно сделать с помощью события .submit() для перехвата отправки формы и метода .preventDefault() для предотвращения действия формы по умолчанию. Затем внутри обратной связи события вы можете получить доступ к нужным вам данным из имеющихся полей и использовать эти данные для заполнения других областей страницы. Возможно, вам также потребуется выполнить функцию, которая закроет модальную форму после того, как вы закончите (проверьте документацию используемой вами модальной формы)

Пример:

$( "#forminthemodal" ).submit(function( event ) {
   // Get data
   username = $("#usernamefieldid").val();

   // put data somewhere else:
   $("#div").text(username);

   // or use the data as the value of another field (input):
   $("#anotherinput").val(username);

   event.preventDefault();
});
Вернуться на верх