Forum PHP.pl > [JS] Przypisanie do DIVA wartości z <select>

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JS] Przypisanie do DIVA wartości z <select>

kusiu

8.01.2008, 21:55:21

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

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

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

[HTML] pobierz, plaintext 
<select name="opcja" >
<option value='349'>zielony </option>
<option value='350'>czerwony </option>
<option value='351'>niebieski </option>
</select>
[HTML] pobierz, plaintext

no i mam osobnego DIVA

[HTML] pobierz, plaintext 
<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 
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!!!

webdice

8.01.2008, 22:01:08

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.

Grzyw

8.01.2008, 22:02:18

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

Powinno działać

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

webdice

8.01.2008, 22:06:31

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 
<opion value="TO_JEST_VALUE">TO_JEST_TEXT</option>
[HTML] pobierz, plaintext

Grzyw

8.01.2008, 22:08:40

Faktycznie, webdicepl, dzięki za uwagę. Pospieszyłem się z odpowiedzią, w gruncie rzeczy nigdy przez JS nie operowałem własnością text

kusiu

8.01.2008, 23:52:54

W porzadku Panowie jednak... nie oto mi chodzi

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 ?

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 
<html>
<head>
<script>
function ShowHideDiv(allid,ilosc,ido)
	{
	var  sel = ido.options[ido.selectedIndex].value;
	var i;
	var warstwa;
	var tabido = allid.split(".");
	for(i=0;i<ilosc;i+=1)
		{
		warstwa = tabido[i]; 
		var div = document.getElementById(warstwa);
		div.style.display = "none";
		//alert (warstwa);
		}
	warstwa = sel;
	var div = document.getElementById(warstwa);
	//alert ('Pokaz' + warstwa);
	div.style.display = "block";
	}
 
</script>
</head>
<body>
<select name="opcja" onchange="ShowHideDiv('2.5.10','3',this)">
<option value="2">xxxxxxx</option>
<option value="5">yyyyyyyy</option>
<option value="10">zzzzzzzz</option>
</select>
<div id="2" style="display: block;">cena1</div>
<div id="5" style="display: none;">cena2</div>
<div id="10" style="display: none;">cena3</div>
</body>
</html>
[HTML] pobierz, plaintext

tak dla przykładu,

Pozdrawiam

webdice

9.01.2008, 00:55:23

Przekombinowałeś

[HTML] pobierz, plaintext 
<html>
<head>
<script>
function ShowPrice (object)
{
 	var prices = Array (15, 20, 25); // Tą tablice uzupełniasz kolejno cenami.
 
	document.getElementById ('price').innerHTML = prices[object.selectedIndex];
}
 
</script>
</head>
<body>
<select name="opcja" onchange="ShowPrice (this)">
<option value="2">xxxxxxx</option>
<option value="5">yyyyyyyy</option>
<option value="10">zzzzzzzz</option>
</select>
<div id="price"></div>
</body>
</html>
[HTML] pobierz, plaintext

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.