Допустим у меня создаются в цикле несколько модальных окон bootstrap, где главный div окна:
<div id="myModal'.$rezult['id'].'" class="modal fade" role="dialog">
Форма в окне:
<form id="form'.$rezult['id'].'" action="ajax/insert.php?id='.$rezult['id'].'" method="post">
Кнопка вызова окна:
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal'.$rezult['id'].'">Insert</button>
Далее в модальном окне расположил 2 кнопки <input> и <button>, обе кнопки имеют возможность закрывать окно:
<input type="submit" class="btn btn-primary" data-dismiss="modal" value="Сохранить" form="form'.$rezult['id'].'">
<button type="button" class="btn btn-default" data-dismiss="modal">Отменить</button>
для отправки данных с формы я использовал ajaxform plugin, но атрибут type="sumbit" не срабатывает из-за атрибута data-dismiss="modal" и в итоге скрипт не срабатывает. А хочу я чтобы данные отправлялись и модальное окно закрывалось по нажатью одной кнопки. Не зная точного называния id формы и главного div'a, я не знаю как мне забрать данные.
jquery скрипт:
$(this).ajaxForm(
{
success: function(data)
{
if(data)
{
$('#pkSkLapa').html(data);
}
else
{
alert("error!");
}
}
});
Скрипт работает если у <input type="submit"> убрать атрибут data-dismiss="modal", но работает не корректно. Он не обновляет содержимое элемента #pkSkLapa