Javascript изменение выпадающий список SELECT по клику

Иногда, бывает необходимо, изменить целый ряд параметров у форм (<form>) при нажатии на ссылку или кнопку.
Нажав на ссылку Вы можете заполнить произвольным текстом по умолчанию текстовые поля INPUT (или TEXTAREA).
Но как , автоматически, выбрать определенный пункт в поле SELECT (выпадающий список, выбрать нужный OPTION)?
Для это создадим простую функцию на JavaScript:
function SetOption(select, value) {
var opt, o = 0;
while (opt = sel[o++]) if (opt.value == val) sel.selectedIndex = o - 1;
}

Всё тело документа в этом случае будет выглядеть например так:
<html>
<head>
<title>Javascript изменение выпадающий список SELECT по клику</title>
<script type="text/javascript" language="javascript">
function SetOption(selecter, val) {
var option, zero = 0;
while (option = selecter[zero++]) if (option.value == val) selecter.selectedIndex = zero - 1;
}
</script>
</head>
<body>
<form name="myForm">Список:
<select name="needSelect">
<option value="1">значение 1</option>
<option value="2">значение 2</option>
<option value="3">значение 3</option>
</select>
</form>
<a href="javascript:void SetOption(document.myForm.needSelect,'2')">Выбрать в списке значение 2</a>
/*при нажатие на ссылку, в списке выше, устанавливается значение (Option) равное 2
myForm - название Вашей формы (form name)
needSelect - название выпадающего списка (select name)
2 - value, значение нужного пункта в списке
*/
</body>
</html>

Онлайн пример работы скрипта

Опубликовано 14.05.2013 в 23:06 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка
Рубрики: HTML, Javascript · Теги: , , , , ,