Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Zalezne listy (select)
Komarek
post
Post #1





Grupa: Zarejestrowani
Postów: 114
Pomógł: 0
Dołączył: 18.12.2009

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


Witam

Jako ze jestem cienki bolek z js'a prosze o pomoc (IMG:style_emoticons/default/biggrin.gif)



mam cos takiego
Kod
<select name="1">
<option>-Wybierz-</option>
<option>Wybor 1</option>
<option>Wybor 2</option>
</select>

I teraz mam druga liste ale chce by dzialala w taki sposob:

Jezeli w select =1 wybrano opcje Wybor 1, lista wyglada tak

Kod
<select name="11">
<option>-Wybierz-</option>
<option>Wybor 1 -> 1</option>
<option>Wybor 1 -> 2</option>
</select>


natomiast jezeli w pierwszej liscie wybrano opcje Wybor 2, lista ma wygladac tak:

Kod
<select name="21">
<option>-Wybierz-</option>
<option>Wybor 2 -> 1</option>
<option>Wybor 2 -> 2</option>
</select>


Jak to zrobic ? (IMG:style_emoticons/default/smile.gif)

Prosze o pomoc (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
mortus
post
Post #2





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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


Do wartości wybranego (selected) elementu masz dostęp poprzez jedną z funkcji getElementById, getElementsByTagName, getElementsByClassName, getElementsByName (jedna z tych funkcji nie działa pod IE, ale nie pamiętam która) lub poprzez DOM document.forms[0].name, gdzie name, to name pola. Przykład:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <script type="text/javascript">
  6. function rewrite(source, destination) {
  7. document.forms[0].txt.value = source.value;
  8. // document.getElementsByName(destination)[0].value = source.value;
  9. }
  10. </script>
  11. </head>
  12. <body>
  13. <form action="" method="post">
  14. <select name="sel" onchange="rewrite(this, 'txt')">
  15. <option value="Wartość 1">Wartość 1</option>
  16. <option value="Wartość 2">Wartość 2</option>
  17. <option value="Wartość 3">Wartość 3</option>
  18. </select>
  19. <input type="text" name="txt" />
  20. </form>
  21. </body>
  22. </html>
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 7.10.2025 - 08:00