Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.77/13: Рейтинг темы: голосов - 13, средняя оценка - 4.77
0 / 0 / 0
Регистрация: 18.01.2012
Сообщений: 96

выпадающий список

30.01.2012, 16:24. Показов 2620. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Привет есть зависимые выпадающие списки, их2 а надо сделать 4. вот код
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<?
define('host','localhost');
define('user','root');
define('pass','');
define('name','firstbd');
if(!mysql_connect(host,user,pass)) die("Соединение не установленно");
if(!mysql_select_db(name)) die("База данных не найдена");
?>
 
<script>
function dynamicSelect(id1, id2) {
// Сперва необходимо проверить поддержку W3C DOM в браузере
 if (document.getElementById && document.getElementsByTagName) {
// Определение переменных, ссылающихся на списки
  var sel1 = document.getElementById(id1);
  var sel2 = document.getElementById(id2);
// Клонирование динамического списка
  var clone = sel2.cloneNode(true);
// Определение переменных для клонированных элементов списка
  var clonedOptions = clone.getElementsByTagName("option");
// Вызов функции собирающей вызываемый список
  refreshDynamicSelectOptions(sel1, sel2, clonedOptions);
// При изменении выбранного элемента в первом списке: // вызов функции пересобирающей вызываемый список
  sel1.onchange = function() {
  refreshDynamicSelectOptions(sel1, sel2, clonedOptions);
  }
 }
}
 
// Функция для сборки динамического списка
function refreshDynamicSelectOptions(sel1, sel2, clonedOptions) {
// Удаление всех элементов динамического списка
 while (sel2.options.length) {
  sel2.remove(0);
 }
 var pattern1 = /( |^)(select)( |$)/;
 var pattern2 = new RegExp("( |^)(" + sel1.options[sel1.selectedIndex].value + ")( |$)");
// Перебор клонированных элементов списка
 for (var i = 0; i < clonedOptions.length; i++) {
// Если название класса клонированного option эквивалентно "select" // либо эквивалентно значению option первого списка
  if (clonedOptions[i].className.match(pattern1) ||
  clonedOptions[i].className.match(pattern2)) {
// его нужно клонировать в динамически создаваемый список
   sel2.appendChild(clonedOptions[i].cloneNode(true));
  }
 }
}
// Вызов скрипта при загрузке страницы
window.onload = function() {
        dynamicSelect("brend", "model");
}
</script>
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<?
if($_GET['submit'] != 'Enter'){
 
   print "<form action='#' method='get'>";
   $res1 = mysql_query("select * from `brend` ");
   $res2 = mysql_query("select * from `model` ");
   
   print "<select name=\"brend\" id=\"brend\">";
   print "<option value=\"select\">Выберите brend...</option>";
   while($row1 = mysql_fetch_array($res1)){
       print "<option value='{$row1['id']}'>".$row1['brend']."</option>";
   }
   print "</select>";
   
   print "<select name=\"model\" id=\"model\">";
   print "<option class=\"select\" value=\"select\">Выберите model...</option>";
   while($row2 = mysql_fetch_array($res2)){
       print "<option class=\"{$row2['id_model']}\" value='{$row2['id']}'>".$row2['model']."</option>";
   }   
   print "</select>";
   
   print "<input type='submit' name='submit' value='Enter' />";
   print "</form>";
   
}elseif($_GET['submit'] == 'Enter'){
 
   print "<form action='#' method='get'>";
   $res1 = mysql_query("select * from `brend` ");
   $res2 = mysql_query("select * from `model` ");
   $res11 = mysql_query("select * from `brend`where id='{$_GET['brend']}' ");
   $row11 = mysql_fetch_array($res11);
   $res22 = mysql_query("select * from `model`where id='{$_GET['model']}' ");
   $row22 = mysql_fetch_array($res22);
   
   print "<select name=\"brend\" id=\"brend\">";
   print "<option value=\"select\">{$row11['brend']}</option>";
   while($row1 = mysql_fetch_array($res1)){
       print "<option value='{$row1['id']}'>".$row1['brend']."</option>";
   }
   print "</select>";
   
   print "<select name=\"model\" id=\"model\">";
   print "<option class=\"select\" value=\"select\">{$row22['model']}</option>";
   while($row2 = mysql_fetch_array($res2)){
       print "<option class=\"{$row2['id_model']}\" value='{$row2['id']}'>".$row2['model']."</option>";
   }   
   print "</select>";
   
   print "<input type='submit' name='submit' value='Enter' />";
   print "</form>";
 
   $result = mysql_query("select * from `razmer` where id_razmer='{$_GET['model']}'"); 
   $row = mysql_fetch_array($result);
   print $row['razmer'];
}
?>
таблицы
SQL
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
CREATE TABLE IF NOT EXISTS `brend` (
  `id` INT(11) NOT NULL AUTO_INCREMENT,
  `brend` VARCHAR(500) DEFAULT NULL COMMENT 'Время добавления сообщения',
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=cp1251 AUTO_INCREMENT=5 ;
 
--
-- Дамп данных таблицы `brend`
--
 
INSERT INTO `brend` (`id`, `brend`) VALUES
(1, 'motarola'),
(2, 'nokia'),
(3, 'aifon'),
(4, 'samsung');
SQL
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
CREATE TABLE IF NOT EXISTS `model` (
  `id` INT(11) NOT NULL AUTO_INCREMENT,
  `model` VARCHAR(500) DEFAULT NULL COMMENT 'Время добавления сообщения',
  `id_model` INT(5) DEFAULT NULL COMMENT 'Время добавления сообщения',
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=cp1251 AUTO_INCREMENT=5 ;
 
--
-- Дамп данных таблицы `model`
--
 
INSERT INTO `model` (`id`, `model`, `id_model`) VALUES
(1, 'c6', 2),
(2, 'c8', 2),
(3, '3g', 3),
(4, 'samsung', 4);
SQL
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
CREATE TABLE IF NOT EXISTS `razmer` (
  `id` INT(11) NOT NULL AUTO_INCREMENT,
  `razmer` VARCHAR(500) DEFAULT NULL COMMENT 'Время добавления сообщения',
  `id_razmer` INT(5) DEFAULT NULL COMMENT 'Время добавления сообщения',
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=cp1251 AUTO_INCREMENT=5 ;
 
--
-- Дамп данных таблицы `razmer`
--
 
INSERT INTO `razmer` (`id`, `razmer`, `id_razmer`) VALUES
(1, '120x70', 3),
(2, '70x70', 2),
(3, '100x50', 1),
(4, '30x40', 4);
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
30.01.2012, 16:24
Ответы с готовыми решениями:

Выпадающий список
Нужно при методе onmouseover() навести на список и он должен показатся так как на него нажали и выбирают один из вариантом(но кликать не...

выпадающий список
Есть вывод категорий.Добавление товара.Нужно выбрать категорию, и в зависимости какую категорию выбрали нужно вывести определенные...

Выпадающий список
При выборе какого-то элемента, выводить значение Есть список: &lt;select id=&quot;menu&quot; class=&quot;round&quot; name=&quot;menu&quot;...

1
636 / 528 / 165
Регистрация: 01.04.2010
Сообщений: 1,843
31.01.2012, 05:45
Для затравки
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
31.01.2012, 05:45
Помогаю со студенческими работами здесь

Выпадающий список
Добрый день! У меня есть форма, в которой есть селектор, в котором реализован алгоритм загрузки уникальных значений столбца таблицы. ...

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

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

Выпадающий список
Всем добрый вечер. Прошу помощи или совета. Есть выпадающий список, подскажите как можно установить закладки на ссылку ( скажем что-бы...

Выпадающий список
Народ что не так делаю? &lt;button type=&quot;button&quot; class=&quot;navbar-toggle for-home dropdownsss&quot; data-toggle=&quot;collapse&quot;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++
8Observer8 10.03.2026
Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
8Observer8 10.03.2026
Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru