Вы можете использовать обычный JQuery AJAX-запрос, который передает содержимое вашего div в серверный скрипт:
var content = $('#add_here').html();
$.get(url_of_script, content);
И затем сценарий добавляет его в БД. Вы знакомы с использованием PHP / MySQL для этого?
Если вы хотите обновить этот материал при отправке формы, попробуйте подключить прослушиватель событий к событию onSubmit формы.
Edit:
Итак, сначала добавьте атрибут onSubmit в форму:
<form onSubmit="return formSubmit(event);">
Теперь вам нужно где-то определить эту функцию - на самом деле не имеет значения, где вы это делаете, хотя рекомендуется раздел <head> на вашей странице. Внешний файл, конечно, также возможен.
function formSubmit(event) {
var content = $('#add_here').html();
// this callback will make sure the form is submitted after having completed the other request
var callback = function() { event.target.submit() };
$.get(url_of_script, content, callback);
// Now, cancel the default event, the callback will take care of the submit afterwards
event.stopPropagation();
}
Не проверял, но что-то вроде этого должно работать. Дайте мне знать, если вам понадобится дополнительная помощь.