Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JS] Przypisanie do DIVA wartości z <select>
kusiu
post
Post #1





Grupa: Zarejestrowani
Postów: 163
Pomógł: 10
Dołączył: 24.01.2006

Ostrzeżenie: (30%)
XX---

Witam!
mam taki problem... Przedstawie to na przykladzie:
Robie sobie selecta z bazy:

[SQL] pobierz, plaintext 
  1. SELECT idop, nazwa, cena FROM opcje_produktu
[SQL] pobierz, plaintext


robie z tego zapytania <selecta> ze w rezultacie wyglada to tak:

[HTML] pobierz, plaintext 
  1. <select name="opcja" >
  2. <option value='349'>zielony </option>
  3. <option value='350'>czerwony </option>
  4. <option value='351'>niebieski </option>
  5. </select>
[HTML] pobierz, plaintext


no i mam osobnego DIVA

[HTML] pobierz, plaintext 
  1. <div id="cena"></div>
[HTML] pobierz, plaintext


W ktorym chce aby wyswietlala sie cena aktualnie wybranej z selecta opcji.

dla przykladu dodajac 
[HTML] pobierz, plaintext 
  1. onchange="document.getElementById('cena').innerHTML=this.options[this.selectedIndex].value;
[HTML] pobierz, plaintext

do <select> wyswietla sie w <DIV id=cena> id tej wybranej opcji, tylko cholerka ja chce zeby wyswietlała sie tam cena tej wybranej OPCJI...
Głowkuje i nie umiem nic wymyslec.. Proszę was pomozcie...
Z góry wielka dziękówa!!!
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 6)
webdice
post
Post #2


Developer


Grupa: Moderatorzy
Postów: 3 045
Pomógł: 290
Dołączył: 20.01.2007
Z tego co napisałeś wychodzi że chcesz aby przepisywać wartość dane pola option do div'a. Jeśli tak to Twój kod jest poprawny. Jeśli chodzi Ci o coś innego to opisz dokładniej problem.
Go to the top of the page
+Quote Post
Grzyw
post
Post #3





Grupa: Zarejestrowani
Postów: 561
Pomógł: 75
Dołączył: 19.08.2004
Skąd: Wrocław

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

[HTML] pobierz, plaintext 
  1. onchange="document.getElementById('cena').innerHTML=this.options[this.selectedIndex].text
[HTML] pobierz, plaintext

Powinno działać (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)


______________________
Sorry, nie zauważyłem, że podałeś przykład z value. Obydwie własności powinny działać.

Ten post edytował Grzyw 8.01.2008, 22:04:05
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
Cytat(Grzyw @ 8.01.2008, 22:02:18 ) *
Sorry, nie zauważyłem, że podałeś przykład z value. Obydwie własności powinny działać.


Jest różnica między value a text. Na przykładzie:

[HTML] pobierz, plaintext 
  1. <opion value="TO_JEST_VALUE">TO_JEST_TEXT</option>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Grzyw
post
Post #5





Grupa: Zarejestrowani
Postów: 561
Pomógł: 75
Dołączył: 19.08.2004
Skąd: Wrocław

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

Faktycznie, webdicepl, dzięki za uwagę. Pospieszyłem się z odpowiedzią, w gruncie rzeczy nigdy przez JS nie operowałem własnością text (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
kusiu
post
Post #6





Grupa: Zarejestrowani
Postów: 163
Pomógł: 10
Dołączył: 24.01.2006

Ostrzeżenie: (30%)
XX---

W porzadku Panowie jednak... nie oto mi chodzi (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Kolegi przyklad jest ok tylko ze wtedy wyswietla mi sie w tym divie text tego selecta , czyli czerwonym lub zielony itp..
A ja chce zeby jakos mozna bylo wyswietlic cene z tego ZAPYTANIA select, zeby ta cena byl jakos ukryta w tych selectach ? hm idzie tak zrobic? cena ktora nie bedzie ani wartoscia selecta ani jego textem a jednak powiazana z id tej opcji, wyswietlona została w tym DIVIE
Da sie tak ? (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

Nie wiem czy piszę zrozumiale i wiecie o co mi chodzi...
Więc?

[EDIT]
dałem rade jednak sam, moze komus to pomoze
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script>
  4. function ShowHideDiv(allid,ilosc,ido)
  5. 	{
  6. 	var  sel = ido.options[ido.selectedIndex].value;
  7. 	var i;
  8. 	var warstwa;
  9. 	var tabido = allid.split(".");
  10. 	for(i=0;i<ilosc;i+=1)
  11. 		{
  12. 		warstwa = tabido[i]; 
  13. 		var div = document.getElementById(warstwa);
  14. 		div.style.display = "none";
  15. 		//alert (warstwa);
  16. 		}
  17. 	warstwa = sel;
  18. 	var div = document.getElementById(warstwa);
  19. 	//alert ('Pokaz' + warstwa);
  20. 	div.style.display = "block";
  21. 	}
  22.  
  23. </script>
  24. </head>
  25. <body>
  26. <select name="opcja" onchange="ShowHideDiv('2.5.10','3',this)">
  27. <option value="2">xxxxxxx</option>
  28. <option value="5">yyyyyyyy</option>
  29. <option value="10">zzzzzzzz</option>
  30. </select>
  31. <div id="2" style="display: block;">cena1</div>
  32. <div id="5" style="display: none;">cena2</div>
  33. <div id="10" style="display: none;">cena3</div>
  34. </body>
  35. </html>
[HTML] pobierz, plaintext

tak dla przykładu,

Pozdrawiam

Ten post edytował kusiu 8.01.2008, 23:53:39
Go to the top of the page
+Quote Post
webdice
post
Post #7


Developer


Grupa: Moderatorzy
Postów: 3 045
Pomógł: 290
Dołączył: 20.01.2007
Przekombinowałeś (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) .

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script>
  4. function ShowPrice (object)
  5. {
  6.  	var prices = Array (15, 20, 25); // Tą tablice uzupełniasz kolejno cenami.
  7.  
  8. 	document.getElementById ('price').innerHTML = prices[object.selectedIndex];
  9. }
  10.  
  11. </script>
  12. </head>
  13. <body>
  14. <select name="opcja" onchange="ShowPrice (this)">
  15. <option value="2">xxxxxxx</option>
  16. <option value="5">yyyyyyyy</option>
  17. <option value="10">zzzzzzzz</option>
  18. </select>
  19. <div id="price"></div>
  20. </body>
  21. </html>
[HTML] pobierz, plaintext
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: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

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

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