Mam kilka selektów na stronie.
Po wyborze jednego chcę aby kilka następnych było generowanych na podstawie wyboru pierwszego.
Mam taki kod funkcji, która jest odpalana po wyborze pierwszego selecta (onchange)
var lista = document.getElementById('uzytkownik');
var tekstId = parseInt(lista[lista.selectedIndex].value);
XMLHttpRequestObject.open("GET", "imie.php?id=" + tekstId);
XMLHttpRequestObject.onreadystatechange = function()
{
if(XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) {
var div = document.getElementById('pole_imie');
div.innerHTML = XMLHttpRequestObject.responseText;
}
}
XMLHttpRequestObject.send(null);
}
I teraz chciałem jednocześnie odpalić drugą taką samą funkcję ale pobierającą dane z pliku nazwisko.php i wstawiającą selekta w inne miejsce ( pole_nazwisko )
I jak zrobię tak.
var lista = document.getElementById('uzytkownik'); var tekstId = parseInt(lista[lista.selectedIndex].value); XMLHttpRequestObject.open("GET", "imie.php?id=" + tekstId); XMLHttpRequestObject.onreadystatechange = function() { if(XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) { var div = document.getElementById('pole_imie'); div.innerHTML = XMLHttpRequestObject.responseText; } } XMLHttpRequestObject.send(null); } var lista = document.getElementById('uzytkownik'); var tekstId = parseInt(lista[lista.selectedIndex].value); XMLHttpRequestObject.open("GET", "nazwisko.php?id=" + tekstId); XMLHttpRequestObject.onreadystatechange = function() { if(XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) { var div = document.getElementById('pole_nazwisko'); div.innerHTML = XMLHttpRequestObject.responseText; } } XMLHttpRequestObject.send(null); }
To niestety zmienia mi tylko pole z nazwiskiem.
A wcześniejsze imię nie...