Wyłączenie pola select java script Opcje

[piotrek2396]

Witam, otóż mam problem. Potrzebuję napisać skrypt który po wybraniu pola select będzie włączał bądź ukrywał elementy w innym polu select.

oto kod html:

Kod

<select onchange="stan(this.value)" class="cos_tam" ">
                                  <option value="0" selected  >Wybierz</option>
                                  <option value="dobrze">dobrze</option>
                                  <option value="nie dobrze">nie dobrze</option>
                                  <option value="bardzo zle">bardzo zle</option>
</select>

<select class="cos_tam" id="jest_dobrze" value="0" disabled>
                                  <option value="0" selected >Wybierz</option>
                                  <option value="Nie posiadam">Nie posiadam</option>
                                  <option value="1" >1</option>
                                  <option value="2">2</option>
                                  <option value="3 i więcej">3 i więcej</option>
</select>

a oto kod js który wyłącza drugie pole select jeśli zostaną spełnione warunki, a potrzebuje jeszcze zrobić warunek dla pola "bardzo zle" który spowoduje ukrycie jednego pola w selekcie drugim np: "nie posiadam"

Kod

function stan(jaki)
{
  
    if ((jaki==0) || (jaki=="dobrze"))
        {
            document.getElementById("jest_dobrze").disabled = 'disabled';
        }
        else
        {
            
            document.getElementById("jest_dobrze").disabled = '';
        }
return;
}

[ajin]

Zamień funkcję stan() na takie coś:

Kod

function stan(jaki){
    if ((jaki==0) || (jaki=="dobrze")) {
        document.getElementById("jest_dobrze").disabled = 'disabled';
    } else if ( jaki=='bardzo zle' ) {
        document.getElementById("jest_dobrze").disabled = '';

        var options = document.getElementById('jest_dobrze').getElementsByTagName('option');
        for ( var i = 0; i < options.length; i++ ){
            if ( options[i].getAttribute('value') == 'Nie posiadam' ){
                options[i].disabled = 'disabled';
            } else {
                options[i].disabled = '';
            }
        }
    } else {
        document.getElementById("jest_dobrze").disabled = '';
    }
    return;
}

W drugim warunku funckja iteruje wszystkie elementy znajdujące się w drugim polu select i gdy natrafi na opcję która ma być wyłączona wyłącza ją. Atrybut disabled działa tak samo na tag select jak i na option

Ten post edytował ajin 29.01.2014, 22:26:02