Я написал некоторый код для создания элемента формы dymanic HTML для моего приложения, я хочу, чтобы отправить, что форма будет отправлять данные, а php будет писать в базу данных.
вот код
$("#add_id").click(function(name){
name=prompt("Task name");
if (name) {
$('.dashboard').append('<div class="each_task" id="task'+ count+'"><label>'+name+
'</label><form class="task_form" action="process_task.php" method="post"><div class="ctrl_btn" id="start'+
count+'"><input type="hidden" name="task_name" value="'+name+'" /><input name="task_start" type="hidden" id="start_time'+
count+'" value="" /><input class="task_start" type="submit" id="'+count+'" value="Start" /></form></div><form class="task_form" action="process_task.php" method="post"><div class="ctrl_btn" id="end'+count
+'"><input type="hidden" name="task_name" value="'+name+'" /><input name="task_end" type="hidden" id="end_time'+count+'" value="" /><input class="task_end" type="submit" id="'+count+'" value="End" /></form></div></div>').css('color', 'red');
Теперь, когда я отправляю форму, он отправляет имя и start_time или значение end_time в php-скрипт, который будет вставлять данные в базу данных. проблема динамически создается. HTML-элемент не встает.
Может ли кто-нибудь предложить, как я могу обойти эту проблему и могу иметь динамически созданный html-палок на странице, а также отправить данные отправки в базу данных.
благодаря
Я рад улучшить свой ответ, если я не получу ваш вопрос точно, но я предполагаю, что вы хотите, чтобы страница не обновлялась, когда вы нажимаете кнопку отправки формы.
Вот решение для предотвращения обновления страницы с помощью Javascript.
Важно отметить, что если вы используете это решение, вам необходимо обработать форму отправки с помощью Javascript и AJAX. Пример того, как сделать это.
doesn't stick around