Evento onchange da gestire in ajax

**ubbicom** · 30-11-2010, 16:23

Ciao a tutti.

Ho sempre utilizzato nelle select l'evento onchange in questo modo:

codice:

<select name="menu" 
onchange="window.location.href='?codice='+this.options[this.selectedIndex].value;">
<option value="codice1">Testo 1</option>

In tal modo, dopo il caricamento posso leggere il valore del parametro codice e mostrare/nascondere elementi in relazione a tale valore.

Adesso sono passato ad AJAX e mi ritrovo questa situazione:

codice:

<select name="codice" id="codice" onChange="cerca_province();">
<option value="codice1">Testo 1</option>

Funzione cerca_province:

codice:

function cerca_province() 
{

codice=document.form.codice.options[document.form.codice.selectedIndex].value

    if (window.XMLHttpRequest) {
        estrai_province= new XMLHttpRequest();
        estrai_province.onreadystatechange = ricevi_province;
        estrai_province.open("GET", "estrai.asp?codice="+codice, true);
        estrai_province.send(null);

    } else if (window.ActiveXObject) {
        estrai_province= new ActiveXObject("Microsoft.XMLHTTP");
        if (estrai_province) {
            estrai_province.onreadystatechange = ricevi_province;
            estrai_province.open("GET", "estrai.asp?codice="+codice, true);
            estrai_province.send();

        }
    }
}


  function ricevi_province() {   
    var province;       
	  if (estrai_province.readyState == 4) {	    
		  province=estrai_province.responseText;

			document.getElementById('provincia').innerHTML = province;
			 }
	}

Ma in questo modo non riesco a leggere il valore del parametro codice e mostrare/nascondere elementi in relazione a tale valore.

Per "aggiornare" il valore della variabile ASP e' necessario un reload cosa che ajax non fa in questo script...

Sapreste aiutarmi a recuperare il parametro codice?
Grazie

**ubbicom** · 01-12-2010, 12:16

Ho provato così ma non funziona:

codice:

<select name="codice" id="codice" onChange="cerca_province(this.value);">
<option value="codice1">Testo 1</option>

**cavicchiandrea** · 01-12-2010, 12:25

<select name="codice" id="codice" onChange="cerca_province(this.options[this.selectedIndex].value)">
function cerca_province(comune)
estrai_province.open("GET", "estrai.asp?codice="+comune, true);
poi togli la variabile codice, il non funzionamento e dovuto alla dupplicazione del nome codice che hai come variabile e come input select.

**ubbicom** · 01-12-2010, 12:30

Originariamente inviato da cavicchiandrea
<select name="codice" id="codice" onChange="cerca_province(this.options[this.selectedIndex].value)">
function cerca_province(comune)
estrai_province.open("GET", "estrai.asp?codice="+comune, true);
poi togli la variabile codice, il non funzionamento e dovuto alla dupplicazione del nome codice che hai come variabile e come input select.

Scusa non ho capito cosa devo fare... perchè non funziona nemmeno così

codice:

<select name="codice" id="codice" onChange="cerca_province(this.options[this.selectedIndex].value);">

e poi:

codice:

function cerca_province(comune) 
{

codice=document.form.codice.options[document.form.codice.selectedIndex].value

    if (window.XMLHttpRequest) {
        estrai_province= new XMLHttpRequest();
        estrai_province.onreadystatechange = ricevi_province;
        estrai_province.open("GET", "estrai.asp?codice="+codice, true);
        estrai_province.send(null);

    } else if (window.ActiveXObject) {
        estrai_province= new ActiveXObject("Microsoft.XMLHTTP");
        if (estrai_province) {
            estrai_province.onreadystatechange = ricevi_province;
            estrai_province.open("GET", "estrai.asp?codice="+codice, true);
            estrai_province.send();

        }
    }
}


  function ricevi_province() {   
    var province;       
	  if (estrai_province.readyState == 4) {	    
		  province=estrai_province.responseText;

			document.getElementById('provincia').innerHTML = province;
			 }
	}

**ubbicom** · 01-12-2010, 16:22

Sono fermo qui e non riesco a proseguire.
La variabile codice non si valorizza nella seguente pagina index.asp, mentre si valorizza correttamente nella pagina estrai.asp.

codice:

<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script type="text/javascript" language="javascript">

var estrai_province;
var codice

function cerca_province(codice) 
{
    if (window.XMLHttpRequest)
    {
        estrai_province = new XMLHttpRequest();
    }
    else if (window.ActiveXObject)
    {
        estrai_province = new ActiveXObject("Microsoft.XMLHTTP");
    }
    
    if (estrai_province)
    {
        estrai_province.onreadystatechange = ricevi_province;
        estrai_province.open("GET", "estrai.asp?codice="+codice, true);
        estrai_province.send(null);
    }
}

  function ricevi_province() {   
    var province;       
	  if (estrai_province.readyState == 4) {	    
		  province=estrai_province.responseText;

			document.getElementById('provincia').innerHTML = province;
			 }
			 
	}
   
</script>
</head>


<body>
<form method="post" action="" name="form">
<table>

<%nome_form="form"%>

<tr>
<td>
<select name="codice" onChange="cerca_province(this.options[this.selectedIndex].value);">
<option value="0">Seleziona</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</td>
</tr>
	
<tr>
<td id="provincia"></td>
</tr>

</table>   

////QUESTA VARIABILE NON SI VALORIZZA    				
<% response.write request.querystring("codice") & "
" %>

</form>

</body>

</html>

**ubbicom** · 01-12-2010, 18:24

Questa è la pagina web in questione:
http://www.romatitlan.com/public/index.asp

Ho necessità di recuperare il valore della variabile "codice" anche nella pagina index.asp oltre che in estrai.asp

E' possibile?
Grazie

**ubbicom** · 02-12-2010, 09:12

Vorrei solo sapere se è possibile, altrimenti per tornare a javascript ed abbandonare ajax... grazie

**angeldelparadis** · 17-12-2010, 01:12

Salve sono nuovo

ho trovato un articolo interessante che mi ha aiutato a risolvere il problema

http://www.mrwebmaster.it/ajax/artic...-ajax_924.html

copio direttamente il link poi fate voi

Discussione: Evento onchange da gestire in ajax

Strumenti discussione

Ricerca discussione

Visualizza

Evento onchange da gestire in ajax

Permessi di invio