Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Выпадающий списко, как сделать 
:(
    Опции темы
Гость_proger
Дата 3.2.2005, 06:12 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











Есть школа, в ней 5 классов, в классе по 20 человек, надо сделать первый выпадающий список классов, а второй будет формировать фамилии в зависимости от выбраного класса, если в первом выбрали 1 класс, то во втором скрипт выводит все фамилии первого класса, выбераем второй класс, все фамилии второго класса. Как это сделать???
  Вверх
Се ля ви
Дата 3.2.2005, 10:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Java/SOAрхитектор
****


Профиль
Группа: Модератор
Сообщений: 2016
Регистрация: 5.6.2004
Где: place without tim e and space

Репутация: 5
Всего: 127



Что конкретно ты не знаешь, как сделать?

Двумерный массив, где в каждой строке в зависимости от её [номера - 1], т.е. начиная с 0, соответствующего 1 классу, задаются фамилии всех участников. В зависимости от выбранного в селекте класса, наполняешь массив options[] select`а, соответствующего фамилиям - значениями этой строки. И - вперёд и с песней! smile


--------------------
  )
 (
[_])
проф. блог

Кролики думали, что занимаются любовью, а на самом деле их просто разводили...
PM MAIL WWW Skype GTalk   Вверх
Aliance
Дата 3.2.2005, 15:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137



Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/tr/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>...</title>
<script type="text/javascript">

var classdb = new Object()
classdb["f"] = [{value:"Ivanov", text:"Иванов"},
                     {value:"Petrov", text:"Петров"}];
// ........................
classdb["fi"] = [{value:"Sidoriv", text:"Сидоров"}];

function setFam(chooser) {
   var newElem;
   var where = (navigator.appName == "Microsoft Internet Explorer") ? -1 : null;
   var famChooser = chooser.form.elements["fam"];
   while (famChooser.options.length) {
       famChooser.remove(0);
   }
   var choice = chooser.options[chooser.selectedIndex].value;
   var db = classdb[choice];
   newElem = document.createElement("option");
   newElem.text = "Фамилии:";
   newElem.value = "";
   famChooser.add(newElem, where);
   if (choice != "") {
       for (var i = 0; i < db.length; i++) {
           newElem = document.createElement("option");
           newElem.text = db[i].text;
           newElem.value = db[i].value;
           famChooser.add(newElem, where);
       }
   }
}
</script>
</head>
<body>
<form name="class" ...>
...
Submit Request to: <select name="classNum" onchange="setFam(this)">
   <option value="" selected>Выбирите класс:</option>
   <option value="f">Первый</option>
   <option value="s">Второй</option>
   <option value="t">Третий</option>
   <option value="fo">Четвертый</option>
   <option value="fi">Пятый</option>
</select>&nbsp;
<select name="fam">
   <option value="" selected>Фамилии:</option>
</select>
...
</form>
</body>
</html>


Это сообщение отредактировал(а) Aliance - 3.2.2005, 15:16
PM MAIL WWW ICQ Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0437 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.