Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] dynamiczne pole select
lutador
post
Post #1





Grupa: Zarejestrowani
Postów: 183
Pomógł: 3
Dołączył: 5.03.2007
Skąd: Opole

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


Witam,

chcialbym zrobic aby w zaleznosci od wybranej opcji w select wyswietlal mi sie ponizej tekst. Chcialbym zeby to sie zmienialo dynamicznie.
Mam cos takiego, moglby mi ktos podpowiedziec jak zaczac pisac funckje js?
  1. <select name="miasta" size="1">
  2. <option value="x">Wybierz</option>
  3. <option value="1">Gliwice</option>
  4. <option value="2">Bydgoszcz</option>
  5. <option value="3">Katowice</option>
  6. <option value="4">Kielce</option>
  7. <option value="5">Krakow</option>
  8. <option value="6">Rzeszow</option>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 7)
webdice
post
Post #2


Developer


Grupa: Moderatorzy
Postów: 3 045
Pomógł: 290
Dołączył: 20.01.2007




  1.  
  2. function put (object)
  3. {
  4. document.getElementById ('city').innerHTML = object.options[object.selectedIndex].innerHTML;
  5. }
  6.  
  7.  
  8. <select name="miasta" size="1" onchange="put (this);">
  9. <option value="0">Wybierz</option>
  10. <option value="1">Gliwice</option>
  11. <option value="2">Bydgoszcz</option>
  12. <option value="3">Katowice</option>
  13. <option value="4">Kielce</option>
  14. <option value="5">Krakow</option>
  15. <option value="6">Rzeszow</option>
  16.  
  17. Miasto: <span id="city"></span>
Go to the top of the page
+Quote Post
lutador
post
Post #3





Grupa: Zarejestrowani
Postów: 183
Pomógł: 3
Dołączył: 5.03.2007
Skąd: Opole

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


dobrze tak wyswietla nazwe miast, choc mi cos nie chce to dzialac :/ a jezeli chcialbym aby po wybraniu miasta wyswietlili sie dane na temat miasta to lepiej to zrobic na tablicy czy na case?
Go to the top of the page
+Quote Post
webdice
post
Post #4


Developer


Grupa: Moderatorzy
Postów: 3 045
Pomógł: 290
Dołączył: 20.01.2007




Sprawdzałem tylko na FF, ewentualne różnice pomiędzy przeglądarkami wyłap sobie sam i popraw. Co do drugiego pytania to zdecydowanie na tablicach.
Go to the top of the page
+Quote Post
lutador
post
Post #5





Grupa: Zarejestrowani
Postów: 183
Pomógł: 3
Dołączył: 5.03.2007
Skąd: Opole

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


jak napisac petle ktora w zaleznosci od nr indeksu ktory przyszedl z formularza wyswietli nam wartosc z tablicy?

  1. function put (object)
  2. {
  3.  
  4. adresy = new Array();
  5.  
  6. adresy[0] = "ul. Norweska 12";
  7. adresy[1] = "ul. Kielecka 12";
  8. adresy[2] = "ul. Ozimska 12";
  9. adresy[3] = "ul. Czestochowska 12";
  10. adresy[4] = "ul. Pilsudzkiego 12";
  11. adresy[5] = "ul. Nowa 25";
  12. adresy[6] = "ul. Polska 44";
  13.  
  14.  
  15. for (var i=0; i<adresy.length; i++){
  16. }
  17.  
  18. <select name="city" onchange="put(this);" size="1">
  19. <option value=""></option>
  20. <option value="0">Gliwice</option>
  21. <option value="1">Bydgoszcz</option>
  22. <option value="2">Katowice</option>
  23. <option value="3">Kielce</option>
  24. <option value="4">Krakow</option>
  25. <option value="5">Rzeszow</option>
  26. <br>
  27. Miasto: <span id="city"></span>
Go to the top of the page
+Quote Post
webdice
post
Post #6


Developer


Grupa: Moderatorzy
Postów: 3 045
Pomógł: 290
Dołączył: 20.01.2007




Po co pętla? Chyba że źle Cię zrozumiałem.

  1.  
  2. function put (object)
  3. {
  4. adresy = new Array();
  5.  
  6. adresy[0] = "ul. Norweska 12";
  7. adresy[1] = "ul. Kielecka 12";
  8. adresy[2] = "ul. Ozimska 12";
  9. adresy[3] = "ul. Czestochowska 12";
  10. adresy[4] = "ul. Pilsudzkiego 12";
  11. adresy[5] = "ul. Nowa 25";
  12. adresy[6] = "ul. Polska 44";
  13.  
  14. document.getElementById ('city').innerHTML = adresy[object.value];
  15. }
  16.  
  17.  
  18. <select name="city" onchange="put(this);" size="1">
  19. <option value=""></option>
  20. <option value="0">Gliwice</option>
  21. <option value="1">Bydgoszcz</option>
  22. <option value="2">Katowice</option>
  23. <option value="3">Kielce</option>
  24. <option value="4">Krakow</option>
  25. <option value="5">Rzeszow</option>
  26. <br>
  27. Miasto: <span id="city"></span>
Go to the top of the page
+Quote Post
lutador
post
Post #7





Grupa: Zarejestrowani
Postów: 183
Pomógł: 3
Dołączył: 5.03.2007
Skąd: Opole

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


dzieki za pomoc ale czemu to nie smiga pod IE ? :/
Go to the top of the page
+Quote Post
Shili
post
Post #8





Grupa: Zarejestrowani
Postów: 1 085
Pomógł: 231
Dołączył: 12.05.2008

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


bo to jest IE

  1.  
  2. function put (object)
  3. {
  4. adresy = new Array();
  5.  
  6. adresy[0] = "ul. Norweska 12";
  7. adresy[1] = "ul. Kielecka 12";
  8. adresy[2] = "ul. Ozimska 12";
  9. adresy[3] = "ul. Czestochowska 12";
  10. adresy[4] = "ul. Pilsudzkiego 12";
  11. adresy[5] = "ul. Nowa 25";
  12. adresy[6] = "ul. Polska 44";
  13.  
  14. document.getElementById ('city2').innerHTML = adresy[object.value];
  15. }
  16.  
  17.  
  18. <select name="city" onchange="put(this);" size="1">
  19. <option value=""></option>
  20. <option value="0">Gliwice</option>
  21. <option value="1">Bydgoszcz</option>
  22. <option value="2">Katowice</option>
  23. <option value="3">Kielce</option>
  24. <option value="4">Krakow</option>
  25. <option value="5">Rzeszow</option>
  26. <br>
  27. Miasto: <span id="city2"></span>
Powstał konflikt nazw - name selecta i id spana były takie same. IE wariował. Nie wiem jak 6, ale na 7 w takiej formie działa.
Go to the top of the page
+Quote Post

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: 2.10.2025 - 19:47