Обновление Div при нажатии на кнопку через 5 секунд

[dlcdcc]

Здравствуйте, сам не могу осилить, не понимаю ява скрипт, есть код:

Код:

<script>function go2() {
var current_date =  new Date();
document.getElementById('regform2').innerHTML= document.getElementById('regform2'); return false;
}
function on2() {
    timeoutId = setTimeout(go2, 5000)
}</script>
<div id="regform2"></div>

Не знаю как изменить код, чтобы div перезагружался без перезагрузки страницы, в div помещена форма отправки информации.
Это нужно, для того, чтобы форма которая находится внутри div, после нажатия на кнопку отправки очистилась через 5...10... (сколько задашь) секунд, сбросила то, что писали в неё для отправки на сервер. Инфа на сервер уходит, а форма остается заполненной, нужно чтобы очистилась.

Приведенный выше код после нажатия на кнопку прячет содержимое div и не возвращает перезагруженным, что-то видимо отсутствует в коде. Только выводит надпись [object HTMLDivElement].
Помогите пожалуйста сделать рабочий код.

[dlcdcc]

Забыл написать, работа скрипта вызывается:

Код:

<button onclick="on2()" name="btn_submit" type="submit" autofocus value="" >ЗАПИСЬ - РЕГИСТРАЦИЯ</button>

[Admin]

Строчка:

Код:

document.getElementById('regform2').innerHTML= document.getElementById('regform2');

работать не будет, т.к. внутрь элемента с id = regform2 Вы пытаетесь поместить ссылку на узел документа, которую можно использовать для изменения свойств и обращения к методам узла.

Если Вам необходимо очистить поля формы, то необходимо обращаться к каждому элементу по очереди и очищать атрибут value.

Например, предположим, что внутри формы есть поле Ваше имя с id="name". Тогда JS код очистки данного поля будет выглядеть так:

Код:

document.getElementById('name').value='';

А вообще, приведенного Вами кода не достаточно, чтобы понять картину в целом.

[dlcdcc]

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

[Admin]

Ну так используйте такой код:

Код:

document.getElementById('regform2').innerHTML='тут HTML код, который должен быть внутри блока DIV';

[dlcdcc]

А если без прописки Html кода, чтобы перезагружался просто div по id, так возможно? Само собой после нажатия на кнопку, через установленное количество секунд?

[Admin]

Возможно при использовании обработчика события load библиотеки jQuery.

[dlcdcc]

А нельзя вот этот код:

Код:

<script type="text/javascript">
$(document).ready(function(e) {
$('').change(function() {
reload_time = $('').val();
reload_chat1(); // Сбрасываем таймер и запускаем по новой
}); });
function reload_chat1(){
$('#regform2').attr("src", $('#regform2').attr("src"));
var reload_time = 120000; // время обновления
timeout_id = setTimeout("reload_chat1()", reload_time);
} timeout_id = setTimeout("reload_chat1()",10);
</script>

Как то перестроить по мои нужды? Просто не понимаю как пристроить сюда кнопку, для запуска отсчета до перезагрузки

Код:

<button onclick="on2()" name="btn_submit" type="submit" autofocus value="" >ЗАПИСЬ - РЕГИСТРАЦИЯ</button>

---

Правда этот код для перезагрузки iframe сделан...

[Admin]

Зачем такие сложности.

Вот Вам готовый пример.

Код:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
function on2(){
    $("#regform2").load("1.php #regform2");
}
</script>

<div id="regform2">
     <b>Ваше имя: </b><input type="text" name="name" value=""><br>
     <b>Ваша почта: </b><input type="text" name="email" value="">
</div>

<input type="button" onclick="on2()" value="Обновить">

В строчке: $("#regform2").load("1.php #regform2");
1.php замените на имя файла, в котором будет находится данный код!

[dlcdcc]

Сделал вот так:

Код:

<script type="text/javascript" src="index_files/jquery/jquery1.11.3.min.js"></script>
<script type="text/javascript"> function go2(){$("#regform2").load("index.php #regform2");} function on2() {timeoutId = setTimeout(go2, 5000)};</script>

После перезагрузки очищается, но возникли другие проблемы. В форме есть выкидные меню, после перезагрузки, исчезают содержимое <select name="text3" autofocus id="select2"></select>, сама форма остается, но ни чего не выкидывается для выбора.
Почему не знаю.