Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JS] Zależność pól Select Option
pitu
post
Post #1





Grupa: Zarejestrowani
Postów: 476
Pomógł: 96
Dołączył: 10.04.2008
Skąd: Koszalin

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


Witam

Javacript nie znam kompletnie, a potrzebuję mały skrypt lub pomoc w napisaniu. Posiadam formularz z dwoma selectami:
1.

Kod
    <select class="form" name="Cenaod">
          <option value="brak">---</option>
          <option value="1000">1000</option>
            <option value="2000">2000</option>
            <option value="5000">5000</option>      
    </select>




2.

Kod
    <select class="form" name="Cenado">
          <option value="brak">---</option>
          <option value="1000">1000</option>
            <option value="2000">2000</option>
            <option value="5000">5000</option>
    </select>




Chcę aby po wyborze w polu Cenaod ceny, w drugim polu Cenado dostępne były tylko opcje większe.

Pozdrawiam


--------------------
HTML/CSS/JS: jsfiddle
SQL: sqlfiddle
Go to the top of the page
+Quote Post
kamil4u
post
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


Tak na szybko smile.gif

[JAVASCRIPT] pobierz, plaintext
  1. <select class="form" name="Cenaod" id="test1">
  2. <option value="brak">---</option>
  3. <option value="1000">1000</option>
  4. <option value="2000">2000</option>
  5. <option value="5000">5000</option>
  6. </select>
  7.  
  8. <select class="form" name="Cenado" id="test2">
  9. <option value="brak">---</option>
  10. <option value="1000">1000</option>
  11. <option value="2000">2000</option>
  12. <option value="5000">5000</option>
  13. </select>
  14.  
  15. <script>
  16. document.getElementById('test1').onchange = function(){
  17. var i,els, el;
  18. els = document.getElementById('test2').getElementsByTagName('option');
  19. for( i=0; el = els[i]; i++){
  20. el.disabled = false;
  21. if( i <= this.selectedIndex )
  22. el.disabled = true;
  23. }
  24.  
  25. }
  26. </script>
[JAVASCRIPT] pobierz, plaintext


--------------------
Go to the top of the page
+Quote Post
pitu
post
Post #3





Grupa: Zarejestrowani
Postów: 476
Pomógł: 96
Dołączył: 10.04.2008
Skąd: Koszalin

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


Dziękuję o to chodziło. Dostosuję tylko do siebie i będzie OK.


--------------------
HTML/CSS/JS: jsfiddle
SQL: sqlfiddle
Go to the top of the page
+Quote Post

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: 19.08.2025 - 13:10