Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML][PHP]jak zdefiniowac zmienna dla select
Forum PHP.pl > Forum > Przedszkole
tom66
17.05.2011, 15:17:14
witam,

mam taki problem, dla pola :
<form name="classic">
<select name="ee" multiple="multiple">
</select>
</form>
przypisuję zmienną w js
var countrieslist=document.classic.ee

a jak będzie wygladało przypisanie owej zmiennej dla
<select name="ee[]" multiple="multiple">
musi byc ee[] gdyż potem wykorzystuję to w PHP smile.gif
z góry dziękuję za odp wink.gif

marekge
17.05.2011, 16:46:43
Rozpisz swój problem bo coś mi się wydaje że idziesz w złą stronę ...
tom66
18.05.2011, 18:54:18
Cytat(marekge @ 17.05.2011, 17:46:43 ) *
Rozpisz swój problem bo coś mi się wydaje że idziesz w złą stronę ...


więc rozpisuję smile.gif
znalazłem oto taki przykład:
[HTML] pobierz, plaintext 
  1. <form name="classic">
  2. <select name="countries" size="4" onChange="updatecities(this.selectedIndex)" style="width: 150px">
  3. <option selected>Select A City</option>
  4. <option value="usa">USA</option>
  5. <option value="canada">Canada</option>
  6. <option value="uk">United Kingdom</option>
  7. </select>
  8.  
  9. <select name="cities" size="4" style="width: 150px" onClick="alert(this.options[this.options.selectedIndex].value)">
  10. </select>
  11. </form>
  12.  
  13. <script type="text/javascript">
  14.  
  15. var countrieslist=document.classic.countries
  16. var citieslist=document.classic.cities
  17.  
  18. var cities=new Array()
  19. cities[0]=""
  20. cities[1]=["New York|newyorkvalue", "Los Angeles|loangelesvalue", "Chicago|chicagovalue", "Houston|houstonvalue", "Austin|austinvalue"]
  21. cities[2]=["Vancouver|vancouvervalue", "Tonronto|torontovalue", "Montreal|montrealvalue", "Calgary|calgaryvalue"]
  22. cities[3]=["London|londonvalue", "Glasgow|glasgowsvalue", "Manchester|manchestervalue", "Edinburgh|edinburghvalue", "Birmingham|birminghamvalue"]
  23.  
  24. function updatecities(selectedcitygroup){
  25. citieslist.options.length=0
  26. if (selectedcitygroup>0){
  27. for (i=0; i<cities[selectedcitygroup].length; i++)
  28. citieslist.options[citieslist.options.length]=new Option(cities[selectedcitygroup][i].split("|")[0], cities[selectedcitygroup][i].split("|")[1])
  29. }
  30. }
  31.  
  32. </script>
[HTML] pobierz, plaintext


chcę aby drugi select był multiple oraz zeby jego wartości przesłac POST-em przez PHP-a, a żeby PHP odczytywał wiele wartości to chyba nazwa selecta musi zawierac "[]" jak poniżej....
[HTML] pobierz, plaintext 
  1. <select name="cities[]" multiple >
  2. </select>
[HTML] pobierz, plaintext


wiec jak zmienic nazwe zmiennej w JS aby odczytała mi nazwe drugiego selecta .....


czy ktoś pomoże sad.gif
plej
19.05.2011, 03:56:01
Nie wiem czy dobrze cię zrozumiałem ale jak chcesz odebrać dane postem to piszesz:
np.
[PHP] pobierz, plaintext 
  1. <form action="plik.php" method="post">
  2. // tu dalszy kod
  3. // i zmykasz
  4. </form>
[PHP] pobierz, plaintext


a odbierasz się postem:
np.
[PHP] pobierz, plaintext 
  1. $wartosc = $_POST['nazwa']
[PHP] pobierz, plaintext


$_POST['nazwa'] gdzie ['nazwa'] wpisujesz wartość pola name=""

tom66
19.05.2011, 08:13:24
Cytat(plej @ 19.05.2011, 04:56:01 ) *
Nie wiem czy dobrze cię zrozumiałem ale jak chcesz odebrać dane postem to piszesz:
np.
[PHP] pobierz, plaintext 
  1. <form action="plik.php" method="post">
  2. // tu dalszy kod
  3. // i zmykasz
  4. </form>
[PHP] pobierz, plaintext


a odbierasz się postem:
np.
[PHP] pobierz, plaintext 
  1. $wartosc = $_POST['nazwa']
[PHP] pobierz, plaintext


$_POST['nazwa'] gdzie ['nazwa'] wpisujesz wartość pola name=""



chodzi mi o zmienną w JS, w PHPie wiem jak wyslac i odebrac ale chodzi o to ze gdy nazwa select jest "cities[]"( taką którą można odycztac wysyłając ją później POSTem) to nie wiem jak przerobic skrypt JS aby obsługiwał mi nazwę select zawierającą "[]"
mortus
19.05.2011, 08:14:25
Trochę inaczej trzeba to wyciągnąć:
[HTML] pobierz, plaintext 
  1. <form name="classic">
  2.   <select name="ee[]" multiple="multiple">
  3.      <option value="0" selected>wartość domyślna</option>
  4.      <option value="1">1</option>
  5.      <option value="2">2</option>
  6.      <option value="3">3</option>
  7.      <!-- ... -->
  8.   </select>
  9. </form>
  10. <script type="text/javascript">
  11.   <!--
  12.   var form = document.forms["classic"];
  13.   // lub var form = document.classic;
  14.   var ee = form["ee[]"];
  15.   // jednak wydobywanie zaznaczonych opcji wymaga użycia pętli
  16.   var selected = new Array();
  17.   var index = 0;
  18.   for(var i=0; i < ee.options.length; i++) {
  19.     if(ee.options[i].selected) {
  20.        selected[index] = ee.options[i].value;
  21.        index++;
  22.     }
  23.   }
  24.   // w ten oto sposób w tablicy selected mamy wartości zaznaczonych opcji
  25.   -->
  26. </script>
[HTML] pobierz, plaintext
tom66
24.05.2011, 12:08:31
Cytat(mortus @ 19.05.2011, 09:14:25 ) *
Trochę inaczej trzeba to wyciągnąć:
[HTML] pobierz, plaintext 
  1. <form name="classic">
  2.   <select name="ee[]" multiple="multiple">
  3.      <option value="0" selected>wartość domyślna</option>
  4.      <option value="1">1</option>
  5.      <option value="2">2</option>
  6.      <option value="3">3</option>
  7.      <!-- ... -->
  8.   </select>
  9. </form>
  10. <script type="text/javascript">
  11.   <!--
  12.   var form = document.forms["classic"];
  13.   // lub var form = document.classic;
  14.   var ee = form["ee[]"];
  15.   // jednak wydobywanie zaznaczonych opcji wymaga użycia pętli
  16.   var selected = new Array();
  17.   var index = 0;
  18.   for(var i=0; i < ee.options.length; i++) {
  19.     if(ee.options[i].selected) {
  20.        selected[index] = ee.options[i].value;
  21.        index++;
  22.     }
  23.   }
  24.   // w ten oto sposób w tablicy selected mamy wartości zaznaczonych opcji
  25.   -->
  26. </script>
[HTML] pobierz, plaintext


ehhh probuję i probuję, nie umiem z tego skorzystac na własny uzytek sad.gif
może tak ....
jak przerobic owy skrypt JS aby można bylo znaznaczyc kilka opcji w selectie drugim( gdzie trzeba dodac mulitple oraz do nazwy dodac "[]") i wysłac je wszyktie POSTem (PHP)
z góry dziękuje za pomoc 
[HTML] pobierz, plaintext 
  1. <form name="classic" method="post" action=rr.php >
  2. <select name="countries" size="4" onChange="updatecities(this.selectedIndex)" style="width: 150px">
  3. <option selected>Select A City</option>
  4. <option value="usa">USA</option>
  5. <option value="canada">Canada</option>
  6. <option value="uk">United Kingdom</option>
  7. </select>
  8.  
  9. <select name="cities" size="4" style="width: 150px" >
  10. </select>
  11. <input  type="submit" name="submit" value="wyślij"  />
  12. </form>
  13.  
  14. <script type="text/javascript">
  15.  
  16. var countrieslist=document.classic.countries
  17. var citieslist=document.classic.cities
  18.  
  19. var cities=new Array()
  20. cities[0]=""
  21. cities[1]=["New York|newyorkvalue", "Los Angeles|loangelesvalue", "Chicago|chicagovalue", "Houston|houstonvalue", "Austin|austinvalue"]
  22. cities[2]=["Vancouver|vancouvervalue", "Tonronto|torontovalue", "Montreal|montrealvalue", "Calgary|calgaryvalue"]
  23. cities[3]=["London|londonvalue", "Glasgow|glasgowsvalue", "Manchester|manchestervalue", "Edinburgh|edinburghvalue", "Birmingham|birminghamvalue"]
  24.  
  25. function updatecities(selectedcitygroup){
  26. citieslist.options.length=0
  27. if (selectedcitygroup>0){
  28. for (i=0; i<cities[selectedcitygroup].length; i++)
  29. citieslist.options[citieslist.options.length]=new Option(cities[selectedcitygroup][i].split("|")[0], cities[selectedcitygroup][i].split("|")[1])
  30. }
  31. }
  32.  
  33. </script>
[HTML] pobierz, plaintext






mortus
24.05.2011, 13:25:24
Modyfikujemy formularz (linia 9 w powyższym kodzie):
[HTML] pobierz, plaintext 
  1. <select name="cities[]" size="4" style="width: 150px">
[HTML] pobierz, plaintext
Później modyfikujemy skrypt JS (linie 15-17 włącznie w powyższym kodzie):
[JAVASCRIPT] pobierz, plaintext 
  1. var form = document.form["classic"];
  2. var countrieslist = form["countries"];
  3. var citieslist = form["cities[]"];
[JAVASCRIPT] pobierz, plaintext
I to powinno wystarczyć.
Powodzenia
tom66
24.05.2011, 14:05:01
Cytat(mortus @ 24.05.2011, 14:25:24 ) *
Modyfikujemy formularz (linia 9 w powyższym kodzie):
[HTML] pobierz, plaintext 
  1. <select name="cities[]" size="4" style="width: 150px">
[HTML] pobierz, plaintext
Później modyfikujemy skrypt JS (linie 15-17 włącznie w powyższym kodzie):
[JAVASCRIPT] pobierz, plaintext 
  1. var form = document.form["classic"];
  2. var countrieslist = form["countries"];
  3. var citieslist = form["cities[]"];
[JAVASCRIPT] pobierz, plaintext
I to powinno wystarczyć.
Powodzenia



takie modyfikacje dają komunikat :
citieslist.options jest pusty lub nie jest obiektem

w sumie nie będe sie upierał przy JS jak znacie jakis krótki szybki kodzik do implementacji
aby powiązac ze soba te dwa selecty, w którym drugi jest multiple:
Znalazłem to(jquery): http://blog.tobiasz.org/2010/08/09/jquery-...ne-pola-select/
ale nie wiem dlaczego u mnie nie pojawiają sie dane z drugim selectie wogole...
a gdy w wyświetle zawartosc strony ajax_models.php i "na sztywno" zmiennej $mid przypisze wartosc wyświetla wartości...


tom66
24.05.2011, 14:05:01
Cytat(mortus @ 24.05.2011, 14:25:24 ) *
Modyfikujemy formularz (linia 9 w powyższym kodzie):
[HTML] pobierz, plaintext 
  1. <select name="cities[]" size="4" style="width: 150px">
[HTML] pobierz, plaintext
Później modyfikujemy skrypt JS (linie 15-17 włącznie w powyższym kodzie):
[JAVASCRIPT] pobierz, plaintext 
  1. var form = document.form["classic"];
  2. var countrieslist = form["countries"];
  3. var citieslist = form["cities[]"];
[JAVASCRIPT] pobierz, plaintext
I to powinno wystarczyć.
Powodzenia



takie modyfikacje dają komunikat :
citieslist.options jest pusty lub nie jest obiektem

w sumie nie będe sie upierał przy JS jak znacie jakis krótki szybki kodzik do implementacji
aby powiązac ze soba te dwa selecty, w którym drugi jest multiple:
Znalazłem to(jquery): http://blog.tobiasz.org/2010/08/09/jquery-...ne-pola-select/
ale nie wiem dlaczego u mnie nie pojawiają sie dane z drugim selectie wogole...
a gdy w wyświetle zawartosc strony ajax_models.php i "na sztywno" zmiennej $mid przypisze wartosc wyświetla wartości...


mortus
24.05.2011, 14:21:17
W SELECT zapomniałem o atrybucie multiple="multiple", ale nie ma to znaczenia. Pobieram kod z trzeciego postu, wprowadzam opisane przeze mnie zmiany i wszystko działa jak trzeba w FF, IE i Google Chrome.

EDIT
Ewentualnie możesz przerobić funkcję updatecities
[JAVASCRIPT] pobierz, plaintext 
  1. function updatecities(selectedcitygroup) {
  2.   if (selectedcitygroup>0) {
  3.     for (i=0; i<cities[selectedcitygroup].length; i++)
  4.       citieslist.options[i]=new Option(cities[selectedcitygroup][i].split("|")[0], cities[selectedcitygroup][i].split("|")[1]);
  5.   }
  6. }
[JAVASCRIPT] pobierz, plaintext
tom66
24.05.2011, 14:27:40
Cytat(mortus @ 24.05.2011, 15:21:17 ) *
W SELECT zapomniałem o atrybucie multiple="multiple", ale nie ma to znaczenia. Pobieram kod z trzeciego postu, wprowadzam opisane przeze mnie zmiany i wszystko działa jak trzeba w FF, IE i Google Chrome.


po tych modifikacjach otrzymujemy:
[HTML] pobierz, plaintext 
  1. <form name="classic" method="post" action=rr.php >
  2. <select name="countries" size="4" onChange="updatecities(this.selectedIndex)" style="width: 150px">
  3. <option selected>Select A City</option>
  4. <option value="usa">USA</option>
  5. <option value="canada">Canada</option>
  6. <option value="uk">United Kingdom</option>
  7. </select>
  8.  
  9. <select name="cities[]" size="4" style="width: 150px" multiple="multiple">
  10. </select>
  11. <input  type="submit" name="submit" value="wyślij"  />
  12. </form>
  13.  
  14. <script type="text/javascript">
  15. var form = document.form["classic"];
  16. var countrieslist = form["countries"];
  17. var citieslist = form["cities[]"];
  18.  
  19. var cities=new Array()
  20. cities[0]=""
  21. cities[1]=["New York|newyorkvalue", "Los Angeles|loangelesvalue", "Chicago|chicagovalue", "Houston|houstonvalue", "Austin|austinvalue"]
  22. cities[2]=["Vancouver|vancouvervalue", "Tonronto|torontovalue", "Montreal|montrealvalue", "Calgary|calgaryvalue"]
  23. cities[3]=["London|londonvalue", "Glasgow|glasgowsvalue", "Manchester|manchestervalue", "Edinburgh|edinburghvalue", "Birmingham|birminghamvalue"]
  24.  
  25. function updatecities(selectedcitygroup){
  26. citieslist.options.length=0
  27. if (selectedcitygroup>0){
  28. for (i=0; i<cities[selectedcitygroup].length; i++)
  29. citieslist.options[citieslist.options.length]=new Option(cities[selectedcitygroup][i].split("|")[0], cities[selectedcitygroup][i].split("|")[1])
  30. }
  31. }
  32.  
  33. </script>
[HTML] pobierz, plaintext


i mam ten błąd w IE a w FF brak akcji po kliknięciu .... ;( coś nie tak robię?
mortus
24.05.2011, 14:34:10
Ech, widzę teraz błąd. U siebie wpisałem dobrze, a tutaj źle. Linia 15:
[JAVASCRIPT] pobierz, plaintext 
  1. var form = document.forms["classic"];
[JAVASCRIPT] pobierz, plaintext

EDIT
Mogłem skopiować i wkleić, ale jakoś wolę pisać z pamięci. Niestety nie zawsze na tym wychodzę smile.gif
tom66
26.05.2011, 14:22:54
Cytat(mortus @ 24.05.2011, 15:34:10 ) *
Ech, widzę teraz błąd. U siebie wpisałem dobrze, a tutaj źle. Linia 15:
[JAVASCRIPT] pobierz, plaintext 
  1. var form = document.forms["classic"];
[JAVASCRIPT] pobierz, plaintext

EDIT
Mogłem skopiować i wkleić, ale jakoś wolę pisać z pamięci. Niestety nie zawsze na tym wychodzę smile.gif



miszczu jesteś wielki exclamation.gif!
dziękuję za poświęcony czas smile.gif


Cytat(mortus @ 19.05.2011, 09:14:25 ) *
Trochę inaczej trzeba to wyciągnąć:
[HTML] pobierz, plaintext 
  1. <form name="classic">
  2.   <select name="ee[]" multiple="multiple">
  3.      <option value="0" selected>wartość domyślna</option>
  4.      <option value="1">1</option>
  5.      <option value="2">2</option>
  6.      <option value="3">3</option>
  7.      <!-- ... -->
  8.   </select>
  9. </form>
  10. <script type="text/javascript">
  11.   <!--
  12.   var form = document.forms["classic"];
  13.   // lub var form = document.classic;
  14.   var ee = form["ee[]"];
  15.   // jednak wydobywanie zaznaczonych opcji wymaga użycia pętli
  16.   var selected = new Array();
  17.   var index = 0;
  18.   for(var i=0; i < ee.options.length; i++) {
  19.     if(ee.options[i].selected) {
  20.        selected[index] = ee.options[i].value;
  21.        index++;
  22.     }
  23.   }
  24.   // w ten oto sposób w tablicy selected mamy wartości zaznaczonych opcji
  25.   -->
  26. </script>
[HTML] pobierz, plaintext


a mam jeszcze pytanie co do tego skryptu,
zapisuje od wartosci to tablicy selected
a jak zrobic aby wszystie wartosci zmienic na jeden ciąg znaków, tak jak w php funkcja implode


znalazlem smile.gif
.join(',')
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.