Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript][HTML][PHP]jak zdefiniowac zmienna dla select
tom66
post
Post #1





Grupa: Zarejestrowani
Postów: 30
Pomógł: 0
Dołączył: 28.03.2011

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

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 (IMG:style_emoticons/default/smile.gif)
z góry dziękuję za odp (IMG:style_emoticons/default/wink.gif)

Go to the top of the page
+Quote Post
marekge
post
Post #2





Grupa: Zarejestrowani
Postów: 70
Pomógł: 8
Dołączył: 3.05.2011

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

Rozpisz swój problem bo coś mi się wydaje że idziesz w złą stronę ...
Go to the top of the page
+Quote Post
tom66
post
Post #3





Grupa: Zarejestrowani
Postów: 30
Pomógł: 0
Dołączył: 28.03.2011

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

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ę (IMG:style_emoticons/default/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 (IMG:style_emoticons/default/sad.gif)
Go to the top of the page
+Quote Post
plej
post
Post #4





Grupa: Zarejestrowani
Postów: 264
Pomógł: 11
Dołączył: 9.05.2011
Skąd: Gdańsk

Ostrzeżenie: (10%)
X----

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=""

Go to the top of the page
+Quote Post
tom66
post
Post #5





Grupa: Zarejestrowani
Postów: 30
Pomógł: 0
Dołączył: 28.03.2011

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

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ą "[]"
Go to the top of the page
+Quote Post
mortus
post
Post #6





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

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

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


Ten post edytował mortus 19.05.2011, 08:20:54
Go to the top of the page
+Quote Post
tom66
post
Post #7





Grupa: Zarejestrowani
Postów: 30
Pomógł: 0
Dołączył: 28.03.2011

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

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 (IMG:style_emoticons/default/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






Go to the top of the page
+Quote Post
mortus
post
Post #8





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

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

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

Ten post edytował mortus 24.05.2011, 13:26:02
Go to the top of the page
+Quote Post
tom66
post
Post #9





Grupa: Zarejestrowani
Postów: 30
Pomógł: 0
Dołączył: 28.03.2011

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

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...
Go to the top of the page
+Quote Post
tom66
post
Post #10





Grupa: Zarejestrowani
Postów: 30
Pomógł: 0
Dołączył: 28.03.2011

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

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...
Go to the top of the page
+Quote Post
mortus
post
Post #11





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

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

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


Ten post edytował mortus 24.05.2011, 14:28:47
Go to the top of the page
+Quote Post
tom66
post
Post #12





Grupa: Zarejestrowani
Postów: 30
Pomógł: 0
Dołączył: 28.03.2011

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

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ę?
Go to the top of the page
+Quote Post
mortus
post
Post #13





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

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

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ę (IMG:style_emoticons/default/smile.gif)

Ten post edytował mortus 24.05.2011, 14:35:30
Go to the top of the page
+Quote Post
tom66
post
Post #14





Grupa: Zarejestrowani
Postów: 30
Pomógł: 0
Dołączył: 28.03.2011

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

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ę (IMG:style_emoticons/default/smile.gif)



miszczu jesteś wielki (IMG:style_emoticons/default/exclamation.gif) !
dziękuję za poświęcony czas (IMG:style_emoticons/default/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 (IMG:style_emoticons/default/smile.gif)
.join(',')
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.08.2025 - 02:18
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn