Помощник
|
Выпадающий список |
andrey_94
|
Сообщение
#1
|
||
|
|
||
|
|||
Webmaster_hb |
11.11.2009, 1:49;
Ответить: Webmaster_hb
Сообщение
#2
|
|
andrey_94, как минимум надо использовать javascript
ну а лучше для этого дела использовать ajax |
|
|
andrey_94
|
Сообщение
#3
|
|
|
|
|
Webmaster_hb |
11.11.2009, 1:59;
Ответить: Webmaster_hb
Сообщение
#4
|
|
в интернете все есть ^_^
поищите связанные списки, например с использованием jQuery |
|
|
Tvisterio |
11.11.2009, 13:02;
Ответить: Tvisterio
Сообщение
#5
|
|
|
|
|
zhuzha |
26.1.2010, 12:22;
Ответить: zhuzha
Сообщение
#6
|
|
|
В примере два связанных списка: страны и города
<form action="#" method="post"> <select name="Country" id="Country"> <option value="select">Выберите страну...</option> <option value="Russia">Россия</option> <option value="Ukraine">Украина</option> <option value="Belarus">Беларусь</option> </select> <select name="City" id="City"> <option class="select" value="select">Выберите город...</option> <option class="Russia" value="Moscow">Москва</option> <option class="Russia" value="SPeterburg">Санкт-Петербург</option> <option class="Russia" value="Ekaterinburg">Екатеринбург</option> <option class="Ukraine" value="Kiev">Киев</option> <option class="Ukraine" value="Sevastopol">Севастополь</option> <option class="Belarus" value="Minsk">Минск</option> <option class="Belarus" value="Bobruisk">Бобруйск</option> </select> </form> javascript выполняющий фильтрацию второго спика: 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("Country", "City"); }
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Белый и чёрный список копирайтеров и рерайтеров. | 15 | GVA | 8807 | 7.11.2019, 18:53 автор: mkreine |
|
Список всех зарегистрированных доменов. Более 290 млн | 12 | phosphoruss | 8865 | 25.10.2019, 23:50 автор: uahomka |
|
MARKETCALL: кидалы, черный список, мошенники, не платят, кидают, кидалово | 4 | kuprum | 2848 | 7.10.2019, 22:28 автор: Kiloan_Frost |
|
Есть небольшой список сайтов-доноров позволяющих размещать в комментах безанкорные dofollow ссылки | 0 | Tutich | 1599 | 15.7.2019, 12:30 автор: Tutich |
|
Список форумов с оплатой за активность |
2 | Retyk | 4632 | 13.11.2017, 14:11 автор: LevFilkin |
Текстовая версия | Сейчас: 20.4.2024, 5:35 |