Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Wyłączenie pola select java script
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
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
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.