Недавно у меня появился вопрос, - "Как запустить обработку HTML формы используя JavaScript"?.
Обычно обработка формы запускается при нажатии кнопки с типом Submit (type='submit'), но бывают случаи, когда нужно запустить форму не нажимая кнопку. Например, у нас есть поле Select:
В управлении JavaScript, есть объект формы, содержащий submit() метод. Таким образом, мы можем использовать идентификатор формы, чтобы в дальнейшем запустить JS объект submit().
Например, у нас есть форма с id='myform', тогда код JavaScript для запуска обработки будет таким: document.forms["myform"].submit();
Пример кода, для запуска обработки формы при выборе значения поля SELECT:
<script type="text/javascript">
function sform(){
document.forms["myform"].submit();
}
</script>
<form id="myform" method="get" action="#">
<select name="vibor">
<option value="value1" onclick='sform();'>значение 1</option>
<option value="value2" onclick='sform();'>значение 2</option>
<option value="value3" onclick='sform();'>значение 3</option>
<option value="value4" onclick='sform();'>значение 4</option>
<option value="value5" onclick='sform();'>значение 5</option>
</select>
</form>
Также можно определить форму используя атрибут name:
<form name="myform" action="#">
, тогда обработку формы можно будет запустить так: document.myform.submit();.
Или select можно сабмитить, добавив onchange='this.form.submit()', пример:
<form method="get" action="#"> <select name="year" onchange='this.form.submit()'> <option value="2009">2009</option> <option value="2010">2010</option> <option value="2011">2011</option> <option value="2012">2012</option> <option value="2013">2013</option> </select> </form>
Пример кода, для запуска обработки формы при нажатии на ссылку:
<script type="text/javascript">
function submitform(){
document.myform2.submit();
}
</script>
<form name="myform2" action="#" method='get'>
Поиск: <input type='text' name='s' value='поисковой запрос' />
<a href="javascript: submitform()">Search</a>
</form>
В некоторых случаях обработку формы можно запустить, вешая на какое-либо действие такой код: this.form.submit().
Пример кода, для запуска обработки формы при выборе Radio :
<form method="get" action="#" > <p><b>Каким браузером в основном пользуетесь?</b><br /> <input type="radio" name="browser" value="ie" onclick='this.form.submit()'> Internet Explorer<br /> <input type="radio" name="browser" value="opera" onclick='this.form.submit()'> Opera<br /> <input type="radio" name="browser" value="firefox" onclick='this.form.submit()'> Firefox<br /> </p> </form>
На последок, страница с живыми примерами (при сабмите, обращайте внимание на адресную строку).
- Предыдущие по меткам
- Предыдущие записи
- Динамический архив блога с использованием jQuery (Ajax) ← 12.Май.2011 // 34
- Автоматическое растягивание поля (textarea) комментария (версия 2) ← 18.Июл.2010 // 24
- Файл шаблона functions.php в WordPress ← 6 Октябрь 2010 // 21
- Перелинковка статей в WordPress (предыдущие записи из категории) ← 4 Май 2010 // 94
- Плагин опроса для WordPress - Democracy Poll ← 12 Июнь 2010 // 123
Спасибо помогла статья!
А не подскажите как сделать что бы при выборе значения в первом списке менялся второй список.
Не подскажу, но это не сложно.
Google вам в помощь!
Kama, у вас очень хорошие примеры дизайна!

Я бы поддержал Владимира, это действительно распространенный пример.
А форму ответа сложно такую же осуществить?
Спасибо!
Если пример распространенный, то и решений наверняка не мало уже!
При наличии желания и определенных знаний - не сложно!
Большое спасибо! Статья очень сильно помогла, т.к. в документации много всего не совсем нужного, от чего устаешь, в Google не особо много полезного, а эта статья дельная!