Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] dynamiczne pole select
Forum PHP.pl > Forum > Przedszkole
lutador
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>
webdice
  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>
lutador
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?
webdice
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.
lutador
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. questionmark.gif
  17. }
  18.  
  19. <select name="city" onchange="put(this);" size="1">
  20. <option value=""></option>
  21. <option value="0">Gliwice</option>
  22. <option value="1">Bydgoszcz</option>
  23. <option value="2">Katowice</option>
  24. <option value="3">Kielce</option>
  25. <option value="4">Krakow</option>
  26. <option value="5">Rzeszow</option>
  27. <br>
  28. Miasto: <span id="city"></span>
webdice
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>
lutador
dzieki za pomoc ale czemu to nie smiga pod IE ? :/
Shili
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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.