VPF::Заблокировать выподающий список по условию

Alix36

Дата 1.5.2008, 08:33 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 478
Регистрация: 6.11.2006

Репутация: нет
Всего: 3

В форме 3 выпадающих списка.

Код


<select name="select1" class="spis"  onchange="">
            <option>к</option>
          </select>
<select name="select2" class="spis"  onchange="">
            <option>к</option>
          </select>
<select name="select3" class="spis"  onchange="">
            <option>к</option>
          </select>

Нужно что бы при выборе любого значения в одном из списков блокировались два остальных(disabled="disabled")
Это можно сделать через onchange="", но возникают 2 проблемы.
1) как заблокировать. Т.е. какое CSS свойство соответствует disabled.
2) если пользователь передумал и хочет поменять свой выбор,как сделать так что бы при возврате к значению списка по умолчанию списки разблокировались.?

--------------------

Наши лица как дым, И никто не узнает как мы победим. (С)Пикник.

Grig

Дата 1.5.2008, 10:48 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 809
Регистрация: 29.4.2005
Где: Иркутск

Репутация: 6
Всего: 16

примерно вот так вот:

Код


<html>
<head>
<script>
function disable_func(id){
    var selects=document.getElementsByTagName("SELECT");
    
    var current_select=document.getElementById(id);
    var current_text=current_select.options[current_select.selectedIndex].text;
    
    for(var i=0;i<selects.length;i++){
        if(selects[i].id!=id){
        if(current_text!="")    {
            selects[i].disabled=true;
        }else{
            selects[i].disabled=false;            
        }
        }
    }
}
</script>
</head>
<body>

<select id="select1" class="spis"  onchange="disable_func(this.id)">
            <option></option>
            <option>к</option>
          </select>
<select id="select2" class="spis"  onchange="disable_func(this.id)">
            <option></option>
            <option>к</option>
          </select>
<select id="select3" class="spis"  onchange="disable_func(this.id)">
            <option></option>
            <option>к</option>
          </select>

</body>
</html>

--------------------

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »