Главная Вход в систему Регистрация
Задать вопрос Консультации Пользователи Форум
О системе Помощь
Задать вопрос экспертам
Консультация № 58230
09.10.2006, 10:32
0.00 руб.
0 1 1
Компьютеры Программирование
Здравствуйте, уважаемые эксперты.
Есть форма в html с двумя combobox. Как сделать так, чтобы при изменение значения одного combobox происходило изменение списка возможных значений второго без перезагрузки страницы?
Спасибо за ответы.

Обсуждение

Неизвестный
09.10.2006, 12:27
общий
это ответ
Здравствуйте, Romooseek!
В данном примере на форме два select-а cat и val, а на невидимом div-e(обязательно вне формы)шаблоны для различных значений cat.
В переменной curr хранится текущий select
При изменении cat - curr заменяется на копию соответствующего шаблона.
Удачи.


Приложение:
<html><body><script>var curr=null;function foo(){var i=frm.cat.selectedIndex;if(i==-1)return;if(curr==null)curr=frm.vals;var ns=valscol.children[i].cloneNode(1);curr.replaceNode(ns)curr=ns}</script><form id=frm name=frm action=‘getquery.php‘ target=_blank>category<select name=‘cat‘ onchange=‘foo()‘><option value=1>CAT 1<option value=2>CAT 2<option value=3>CAT 3<option value=4>CAT 4</select>value<select id=‘vals‘ name=‘val‘><option value=1>CAT_1.VAL 1<option value=2>CAT_1.VAL 2<option value=3>CAT_1.VAL 3<option value=4>CAT_1.VAL 4</select><input type=submit></form><div style=‘display:none‘ id=valscol><select name=‘val‘><option value=1>CAT_1.VAL 1<option value=2>CAT_1.VAL 2<option value=3>CAT_1.VAL 3<option value=4>CAT_1.VAL 4</select><select name=‘val‘><option value=1>CAT_2.VAL 1<option value=2>CAT_2.VAL 2<option value=3>CAT_2.VAL 3<option value=4>CAT_2.VAL 4</select><select name=‘val‘><option value=1>CAT_3.VAL 1<option value=2>CAT_3.VAL 2<option value=3>CAT_3.VAL 3<option value=4>CAT_3.VAL 4</select><select name=‘val‘><option value=1>CAT_4.VAL 1<option value=2>CAT_4.VAL 2<option value=3>CAT_4.VAL 3<option value=4>CAT_4.VAL 4</select></div></body></html>
Форма ответа