salve ecco il mio codice
codice tabella principale
codice:
<table width="500" border="0">
<tr>
<td width="300"><select name="categoria" class="select" id="categoria" onChange="cerca_sezioni();">
<option value="">Seleziona una Categoria</option>
<%
While (NOT rsCategorie.EOF)
%>
<option value="<%=(rsCategorie.Fields.Item("categoria").Value)%>"><%=(rsCategorie.Fields.Item("nomeCategoria").Value)%></option>
<%
rsCategorie.MoveNext()
Wend
If (rsCategorie.CursorType > 0) Then
rsCategorie.MoveFirst
Else
rsCategorie.Requery
End If
%>
</select></td>
<td width="300" id="sezione"></td>
<td width="300" id="rubriche"></td></td>
</tr>
</table>
Codice della pagina estrai-sezioni
codice:
<select name="id-rubriche" class="select">
<option value="-1">Nessuna Rubrica</option>
<%
While (NOT rsRubriche.EOF)
%>
<option value="<%=(rsRubriche.Fields.Item("rubrica").Value)%>"><%=(rsRubriche.Fields.Item("nomeRubrica").Value)%></option>
<%
rsRubriche.MoveNext()
Wend
If (rsRubriche.CursorType > 0) Then
rsRubriche.MoveFirst
Else
rsRubriche.Requery
End If
%>
</select>
Codice pagina estrai-rubriche.asp
codice:
<select name="id-rubriche" class="select">
<option value="-1">Nessuna Rubrica</option>
<%
While (NOT rsRubriche.EOF)
%>
<option value="<%=(rsRubriche.Fields.Item("rubrica").Value)%>"><%=(rsRubriche.Fields.Item("nomeRubrica").Value)%></option>
<%
rsRubriche.MoveNext()
Wend
If (rsRubriche.CursorType > 0) Then
rsRubriche.MoveFirst
Else
rsRubriche.Requery
End If
%>
</select>
in pratica la prima select passa i valori alla select della pagina sezioni che a sua volta li passa alla pagina rubrica.
questo il codice javascript del tutto
codice:
var estrai_sezioni;
var categoria
function cerca_sezioni()
{
categoria=document.form.categoria.options[document.form.categoria.selectedIndex].value
// branch for native XMLHttpRequest object
if (window.XMLHttpRequest) {
estrai_sezioni= new XMLHttpRequest();
estrai_sezioni.onreadystatechange = ricevi_sezioni;
estrai_sezioni.open("GET", "estrai-sezioni.asp?categoria="+categoria, true);
estrai_sezioni.send(null);
// branch for IE/Windows ActiveX version
} else if (window.ActiveXObject) {
estrai_sezioni= new ActiveXObject("Microsoft.XMLHTTP");
if (estrai_sezioni) {
estrai_sezioni.onreadystatechange = ricevi_sezioni;
estrai_sezioni.open("GET", "estrai-sezioni.asp?categoria="+categoria, true);
estrai_sezioni.send();
}
}
}
function ricevi_sezioni() {
var sezioni;
if (estrai_sezioni.readyState == 4) {
sezioni=estrai_sezioni.responseText;
document.getElementById('sezione').innerHTML = sezioni;
}
}
var estrai_rubrica;
var id_sezioni
function cerca_rubrica()
{
id_sezioni=document.form.id_sezioni.options[document.form.id_sezioni.selectedIndex].value
// branch for native XMLHttpRequest object
if (window.XMLHttpRequest) {
estrai_rubrica= new XMLHttpRequest();
estrai_rubrica.onreadystatechange = ricevi_rubrica;
estrai_rubrica.open("GET", "estrai-rubriche.asp?id_sezioni="+id_sezioni, true);
estrai_rubrica.send(null);
// branch for IE/Windows ActiveX version
} else if (window.ActiveXObject) {
estrai_rubrica= new ActiveXObject("Microsoft.XMLHTTP");
if (estrai_rubrica) {
estrai_rubrica.onreadystatechange = ricevi_rubrica;
estrai_rubrica.open("GET", "estrai-rubriche.asp?id_sezioni="+id_sezioni, true);
estrai_rubrica.send();
}
}
}
function ricevi_rubrica() {
var rubrica;
if (estrai_rubrica.readyState == 4) {
rubrica=estrai_rubrica.responseText;
document.getElementById('rubriche').innerHTML = rubrica;
}
}
in pratica il problema è questo:
la select categoria funziona perfettamente e passa il valore id alla seconda select sezione.
Però sezione non passa il suo id alla select rubrica e quindi non vedo niente nella pagina principale.
Invece che essere 3 select collegate ne vedo solo 2, categoria e sezione, ma non rubrica.
Dove sbaglio?