Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][PHP]Dynamiczne wyświetalanie wartości w div'ie
Forum PHP.pl > Forum > Przedszkole
GoOx
Cześć!

mam tutaj taki prosty kod:
  1. <form action='' method='post'>
  2. <select name="liczba" onchange="zmien(this)">
  3. <option value="1">1</option>
  4. <option value="2">2</option>
  5. </form>
  6. <?
  7. $liczba = $_POST['liczba'];
  8. $array = array(
  9. "1" => "jeden",
  10. "2" => "dwa",
  11. );
  12. $zmiana = $array[$liczba];
  13. ?>
  14. <div id="html"></div>
  15.  
  16. <script type="text/javascript">
  17. function zmien(ob) {
  18. var htmldane = <? $zmiana; ?>;
  19. var dane = ob.value;
  20. htmldane.innerHTML = dane;
  21. }


Wszystko super działało póki nie użyłem do tego php, lecz chciałem nie by tylko pokazywało mi 1 lub 2 tylko np 2 obrazki więc chciałbym zrobić to przez php bo zmierzam jeszcze potem do tego użyć mysql więc php raczej tu jest niezbędne więc jak przekazać zmienną z php to js?
IProSoft
Chyba chodzi Ci o przekazanie tablicy $array do JS i losowanie poprzez formularz bez przeładowania strony?
  1. <form action='' method='post'>
  2. <select name="liczba" onchange="zmien(this)">
  3. <option value="1">1</option>
  4. <option value="2">2</option>
  5. </select>
  6. </form>
  7. <?
  8.  
  9. $array = array(
  10. "1" => "jeden",
  11. "2" => "dwa",
  12. );
  13.  
  14. ?>
  15. <div id="html"></div>
  16.  
  17. <script type="text/javascript">
  18. function zmien(ob) {
  19. var htmldane = <?php echo json_encode($array ); ?>;
  20.  
  21. var dane = htmldane[ob.value];
  22. document.getElementById('html').innerHTML = dane;
  23. }
  24. </script>

GoOx
Jest super działa smile.gif

co daje funkcja json_encode ? za co ona odpowiada?
kamil4u
json_encode i wszystko jasne smile.gif
IProSoft
json_encode - Zwraca łańcuch JSON reprezentujący wartość.
Przydatne np do przesyłania tablic jako łańcuchów znakowych.
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.