Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JS][php]Pola select.
piotrooo89
post
Post #1


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków




Witam!

Mam pewien problem związany z js. Mianowicie:
Mam 2 pola select do których pobieram dane z bazy. Chciałbym aby pola te było od siebie zależne tzn. aby po wybraniu w jednym polu nazwiska klienta w kolejnym pokazały sie wszytskie jego auta. Szukałem na google i tu na foum ale niestety nie bardzo mi to pomogło. W js jestem noga...

Pozdrawiam.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
tommy4
post
Post #2





Grupa: Zarejestrowani
Postów: 288
Pomógł: 12
Dołączył: 2.12.2005

Ostrzeżenie: (0%)
-----


W czym problem?

Kod
<script type="text/javascript">
function pokaz_samochody(val)
{
    var cars = document.getElementById('cars');
    var opts = cars.getElementsByTagName('option');
    for(var i = 1; i < opts.length; i++)
    {
        optvalue = opts[i].getAttribute("value");
        x = optvalue.indexOf(':');
        client_id = optvalue.slice(0,x);
        if(client_id != val)
        {
        opts[i].style.display = 'none';
        }
        else
        {
        opts[i].style.display = 'block';
        }
    }
    cars.selectedIndex = 0;
}
</script>

<select name="client" onchange="pokaz_samochody(this.options[this.selectedIndex].value);">
<option value="0">Wybierz klienta</option>
<option value="1">Klient #1</option>
<option value="12">Klient #12</option>
</select>

<select name="cars" id="cars">
<option value="0:0" style="display: block;">Wybierz samochód</option>
<option value="1:1" style="display: none;">Samochód klienta nr #1 o id #1</option>
<option value="12:20" style="display: none;">Samochód klienta nr #12 o id #20</option>
<option value="12:10" style="display: none;">Drugi samochód klienta nr #12 o id #10</option>
</select>


Ładnie? (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) To teraz kliknąć na pomógł. ;p
Na firefoxie i operze powinno śmigać.

Na IE trzebaby pokombinować z wyrzucaniem tych opcji (getElementById('cars').innerHTML = ''); i wstawieniu nowych przez new Option.

Proponuję poczytać tutaj: http://www.javascriptkit.com/jsref/select.shtml pod nagłówiem Option Object.

Ten post edytował tommy4 18.05.2008, 08:05:17
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 9.10.2025 - 15:40