Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.11.2016, 15:41
Новичок на форуме
Отправить личное сообщение для VlAdZiO Посмотреть профиль Найти все сообщения от VlAdZiO
 
Регистрация: 19.10.2016
Сообщений: 2

Фильтрация эллементов через select
Доброго времени суток! Надо сделать чтобы было несколько эллементов разных цветов и при выборе цвета во втором уровне select, показывались только эллементы этого цвета. Есть один код (фильтрация через 2й select)
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE='JavaScript'>
 
var isPreNN6 = (navigator.appName == 'Netscape' && parseInt(navigator.appVersion) <= 4)
 
plainList = new Array(6)
hardList = new Array(6)
plainList[0] = 'cyan'
hardList[0] = 'red'
plainList[1] = 'magenta'
hardList[1] = 'purple'
plainList[2] = 'yellow'
hardList[2] = 'blue'
plainList[3] = 'lightgoldenrodyellow'
hardList[3] = 'black'
plainList[4] = 'salmon'
hardList[4] = 'white'
plainList[5] = 'dodgerblue'
hardList[5] = 'green'
 
function setLang(which) {
    var listObj = document.forms[0].colors
 
    if (listObj.type) {
 
        var listLength = listObj.length
    
        var currSelected = listObj.selectedIndex
    
        for (var i = 0; i < listLength; i++) {
            if (which == 'plain') {
                listObj.options[i].text = plainList[i]
            } else {
                listObj.options[i].text = hardList[i]
            }
        }
        if (isPreNN6) {
            history.go(0)
        } else {
            listObj.selectedIndex = currSelected
        }
    }
} 
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<select onChange='setLang(this.value)' >
<option id='o1' value='plain' >Цвета 1</option>
<option id='o2' value='hard' >Цвета 2</option>
</select>
<SELECT NAME='colors'>
    <OPTION SELECTED>cyan
    <OPTION>magenta
    <OPTION>yellow
</SELECT>
</FORM>
<BR />
<DIV STYLE="COLOR: YELLOW; WIDTH: 100PX; HEIGHT: 100PX;"></DIV>
<DIV STYLE="COLOR: MAGENTA; WIDTH: 100PX; HEIGHT: 100PX;"></DIV>
<DIV STYLE="COLOR: RED; WIDTH: 100PX; HEIGHT: 100PX;"></DIV>
<DIV STYLE="COLOR: GREEN; WIDTH: 100PX; HEIGHT: 100PX;"></DIV>
<DIV STYLE="COLOR: GRAY; WIDTH: 100PX; HEIGHT: 100PX;"></DIV>
<DIV STYLE="COLOR: PURPLE; WIDTH: 100PX; HEIGHT: 100PX;"></DIV>
<DIV STYLE="COLOR: SYAN; WIDTH: 100PX; HEIGHT: 100PX;"></DIV>
<DIV STYLE="COLOR: GREEN; WIDTH: 100PX; HEIGHT: 100PX;"></DIV>
<DIV STYLE="COLOR: GREEN; WIDTH: 100PX; HEIGHT: 100PX;"></DIV>
<DIV STYLE="COLOR: RED; WIDTH: 100PX; HEIGHT: 100PX;"></DIV>
<DIV STYLE="COLOR: GRAY; WIDTH: 100PX; HEIGHT: 100PX;"></DIV>
<DIV STYLE="COLOR: PURPLE; WIDTH: 100PX; HEIGHT: 100PX;"></DIV>
<DIV STYLE="COLOR: ; WIDTH: 100PX; HEIGHT: 100PX;"></DIV>
</BODY>
</HTML>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Выбор номера телефона через select и кнопка позвонить Exhaust_ Элементы интерфейса 11 08.08.2016 22:35
смена значений через select deatlink Общие вопросы Javascript 13 21.04.2016 20:54
PHP и AJAX и 3 тега select. seahunter Общие вопросы Javascript 4 16.12.2015 12:48
снова этот select и javascript Nobir Серверные языки и технологии 3 09.09.2015 19:40
XMLHTTPRequest передача имя через POST dds AJAX и COMET 0 14.08.2008 14:44