MozillaPL.org - polskie centrum Mozilli

Główne menu:

ruchome formularze

Jak tworzyć strony WWW zgodnie ze standardami

Moderator: Pomocy?!

ruchome formularze

Postautor: KUBTOM » 01 grudnia 2012, 01:23

Przeglądarka: Opera/9.80 (Windows NT 6.1; WOW64) Presto/2.12.388 Version/12.11

Witam :)

Taki fragment kodu:
Kod: Zaznacz cały
<!DOCTYPE html>
    <html lang="pl" dir="ltr">
        <head>
      <style>
         .select1, .select2
         {display:none;}
      </style>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
            <script>
                function nazwa()
                {
                    $('.select1').hide();
               $('.select2').hide();
                    var val=parseInt($(this).val());
               
                    if(val>0)
               {
                        $('#field'+val).show();
                  $('#field'+(val+100)).show();
               }
                }
         </script>
        </head>
        <body>
            <select id="select1" name="select1">
                <option value="0" selected="selected">---------------------------</option>
                <option value="1">1szy przedmiot</option>
                <option value="2">2gi przedmiot</option>
            </select>
            <label class="select1" id="field1">id field1</label>
            <label class="select1" id="field2">id field2</label>
            <label class="select1" id="field101">id field101</label>
            <label class="select1" id="field102">id field102</label>         
            
         <br><BR>
         <script>
            $('#select1').change(nazwa);
            </script>
            <select id="select2" name="select2">
                <option value="0" selected="selected">---------------------------</option>
                <option value="3">1szy przedmiot</option>
                <option value="4">2gi przedmiot</option>
            </select>
            <label class="select2" id="field3">id field3</label>
            <label class="select2" id="field4">id field4</label>         
            <label class="select2" id="field103">id field103</label>
            <label class="select2" id="field104">id field104</label>
         <script>
            $('#select2').change(nazwa);
            </script>
        </body>
    </html>
   


Moje pytanie jak przerobic ten skrypt, zeby:
1) zachowywal wybor selecta niezaleznie od pozostalych selectow (teraz zapamietuje tylko jednego)
2) umozliwial dzialanie przy nieokreslonej liczbie selectow (z zalozenia nie bedzie ich wiecej jak 4, ale moze dla potomnych sie przyda)

Inne rozwiazania oczywiscie mile widziane, choc zdaje sobie sprawe z tego, ze problem moze byc trywialny :) Na codzien zajmuje sie jednak inna dzialka IT, a to jest mi potrzebne do wiekszej calosci, wiec prosze o pomoc :)
KUBTOM
 

Wróć do Tworzenie stron WWW

Kto jest online

Zarejestrowani użytkownicy: Bing [Bot], Google [Bot], KLAPEK

Przejdź do powiązanej strony

Nawigacja:

Stopka: