Witam.

Mam takie proste pytanie, bo nie rozumiem kilku rzeczy.


Mianowicie mam select ze zdarzeniem onChange, które wywołuje funkcję pokaz().

[HTML] pobierz, plaintext 
<select name="nn" onchange="pokaz(this);">
[HTML] pobierz, plaintext 

Potem odbieram sobie w javascripcie wartości value spod danego optiona:

[JAVASCRIPT] pobierz, plaintext 
 
	<script type="text/javascript">
 
	function pokaz(elem)
	{
	var eid = elem.options[elem.selectedIndex].value;
 
	document.write(eid);
}
 
	</script>
 
[JAVASCRIPT] pobierz, plaintext 

No okey, wszystko ładnie, tylko dlaczego, po wybraniu danego optiona, strona się przeładowuje i pokazuje samą wartość ? Może powiem ogólny zarys powiem.


1. Mam Jeden select. W nim w zależności od wyboru pobieram sobie wartość z optiona, 2. przekazuje do php tą wartość i robię sobie zapytanie dp bazy danych mysql. 3. Jeśli są jakieś wyniki, wtedy wyświetlam drugi select 4. i znowu przekazuje wartość z drugiego selecta, i jeśli znowu są wyniki wyświetlam następny sleect i tak dalej i tak dalej. Jeśli zaś w którymś momencie nie ma żadnych wyników, pobieram sobie z bazy rekord o id takim jak w option i wyświetlam w wygodny dla mnie sposób. Jak to zrobić ? Powiem tak, umiem zrobić poszczególny kroki powyżej, ale nie wszystkie.

I tak:

1.

[HTML] pobierz, plaintext 
 
<select onChange="pokaz(this.value)">
<option value="1">Coś</option>
<option value="2">Coś</option>
<option value="4">Coś</option>
</select>
 
[HTML] pobierz, plaintext 

i potem

[JAVASCRIPT] pobierz, plaintext 
 
	<script type="text/javascript">
 
	function pokaz(elem)
	{
	var eid = elem.options[elem.selectedIndex].value;
 
	TUTAJ MAM POD ZMIENNĄ WARTOŚĆ REKORDU, Z KTÓRYM CHCĘ WYKONAĆ ZAPYTANIE
}
 
	</script>
 
[JAVASCRIPT] pobierz, plaintext 

i teraz nie umiem, strzelam:

[JAVASCRIPT] pobierz, plaintext 
 
	<script type="text/javascript">
 
	function pokaz(elem)
	{
	var eid = elem.options[elem.selectedIndex].value;
 
	<?php
                    mysql_query("SELECT * FROM tabela WHERE ID='$zmienna'");
?>
}
 
	</script>
 
[JAVASCRIPT] pobierz, plaintext 

Jak pobrać do tego zapytania wartość spod zmiennej eid ?

Potem sprawdzam cyz są wyniki, jak zapętlić to ? Też taki sam select ? Bo jeśli któregoś raza nie ma wyników, wyświetlam sobie rekord, jeśli są select znowu z funkcją pokaz(this.value) i tak w koło, aż nie będzie wyników z bazy. To właściwie pisząc teraz post trochę pomyślałęm, i widzę, że nie wiem jak tylko pobrać z pod smiennej wartość i dać do zapytania mysql`owego ? No właśnie, ale to nie będzie dynamicznie generowane.. Nie wiem, poradźcie jakoś, może coś z AJAX`em ?

Czekam na jakąś odpowiedź....

jak coś to w funkcji w js aby pobrać wartość select powinno być coś takiego:

[HTML] pobierz, plaintext 
<script>
var "nazwa zmiennej="+document.getElementById('id select z którego pobieramy dane').value;
</script>
[HTML] pobierz, plaintext 

jednak polecam to robić w ajax lub jquery w sieci są przykłady tego typu zastosowań więc problemu ze znalezieniem nie powinno być.

Tu potrzeby jest AJAX, jeśli chcesz bez przeładowania strony zrobić zapytanie do serwera. Polecam frameworki

No własnie, wiem, i zrobiłbym to w najszybszy sposób - po wybaniu optiona jQuery wykonuje plik.php - tam sobie robie zaptania itd, no ale wlasnie w taki sposb:

$.post("test.php", { name: "John", time: "2pm" },
function(data) {
alert("Data Loaded: " + data);
});

Dobrze, wykonuję - a jak go odebrać od niego dane ? Ze np. wyswietla się nowy select jeśli php powie ze są dane do odebrania?

HTTP jest protokołem bezstanowym. To oznacz, że musisz co jakiś czas odpytać serw, php nie ma kontroli nad skryptem po wysłaniu do przeglądarki

Czyli co - najprostrzym rozwiązaniem było by wyświetlać plik PHP z selectem co np. 5s. Potem dać zdarzenie onchange, własnie tym w jquery wysłać np. nową zmienną sesyjną ( w php ), a ten plik co odświeża select pobiera dane z bazy własnie kierująć się zmienną sesyjną... ?

jeśli chcesz zrobić to bez przeładowania strony to musisz napisać odpowiedni skrypt w ajax, jeśli może to działać z przeładowaniem strony to masz sprawę prostszą chociażby przy select pierwszym wykorzystaj zdarzenie onchange this form submit

[HTML] pobierz, plaintext 
<form method="post">
    <label>opis
        <select onchange="this.form.submit();">
            <option value="1">1</option>
            ....
        </select></label>
 
</form>
[HTML] pobierz, plaintext 

z tym że select jest generowany dynamicznie z bazy np. pętlą while, potem odbierasz dane z pierwszego select jeśli istnieją i odpowiadają założonym wymaganiom (czy tu warunek if) to pokazujesz drugi select i tak dalej.