Select dinamica con Ajax e PHP

**redred** · 18-06-2011, 19:26

Salve a tutti ho iniziato da poco a programmare in php e sto cercando di implementare 2 select option che una varia al variare dell'altra. In pratica sono una select Regione e una Provincia, al variare di regione dovrebbe variare anche provincia, ma non riesco a capire come risolvere, posto il codice di quello che ho creato:

File index.php

codice:

<?php include ("configuredb.php");?>

<html>
<head>
<script type="text/javascript">


function showregione(str, pr)
{
if (str=="" || pr=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  } 
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","getregione.php?q="+str+"&pr="+pr,true);
xmlhttp.send();
}




</script>
</head>
<body>
<?php
	    
		
		
    
        $q = mysql_query("SELECT * FROM regioni GROUP BY regione ORDER BY regione ASC"); 
		echo '<form>';
		echo '<select class="regione" name="regione" id="regione" onchange="showregione(this.value)">'; 

        //Visualizzo i record 
        while ($r = mysql_fetch_array($q)){ 
        
         $r = stripslashes($r['regione']); 
      
        echo '<option value="'.$r.'">'.$r.'</option>'; 
        }


        echo ' </select>'; //Chiudo il select regione
		//echo '</form>';
		
		
		$q = mysql_query("SELECT * FROM regioni ORDER BY provincia ASC"); 
		//echo '<form>';
		echo '<select class="provincia" name="provincia" id="provincia" onchange="showregione(this.value)">'; 

        //Visualizzo i record 
        while ($r = mysql_fetch_array($q)){ 
        
         $r = stripslashes($r['provincia']); 
      
        echo '<option value="'.$r.'">'.$r.'</option>'; 
        }


        echo ' </select>'; //Chiudo il select regione
		echo '</form>';
        ?>
		



<div id="txtHint">Lista </div>
</body>
</html>

File getregione.php

codice:

 

<?php
$q=$_GET["q"];
$pr=$_GET["pr"];

$con = mysql_connect('localhost', 'root', '');
if (!$con)
  {
  die('Could not connect: ' . mysql_error());
  }

mysql_select_db("regioni", $con);

$sql="SELECT * FROM annunci WHERE regionecliente = '".$q."' AND provinciacliente ='".$pr."'";

$result = mysql_query($sql);

echo "<table border='1'>
<tr>
<th>Regione</th>
<th>ID</th>
<th>Provincia</th>
</tr>";

while($row = mysql_fetch_array($result))
  {
  echo "<tr>";
  echo "<td>" . $row['regionecliente'] . "</td>";
  echo "<td>" . $row['provinciacliente'] . "</td>";

  echo "</tr>";
  }
echo "</table>";

mysql_close($con);
?>

Spero in un vostro aiutino, anche perché non riesco a venirne fuori ho seguito diverse guide su google ma non ci capisco mai nulla e non ho trovato una guida esauriente.

Grazie

**skjobax** · 18-06-2011, 21:36

Vuoi uno script che cambia regione quando si cambia provincia e viceversa?
Ma il problema è ottenere i valori tramite AJAX o è PHP ?

Non ho capito...

**redred** · 18-06-2011, 21:54

Si uno script che al variare della regione mi filtri l'altro select con le rispettive provincie e viceversa allo stesso tempo deve mostrarmi i risultati della query. Supponiamo di avere una lista di clienti nel db, voglio filtrare la lista in base alla regione e alla provincia o solo per una delle due. Ma non riesco a venirne a capo come dovrebbe essere impostata

Grazie

**skjobax** · 19-06-2011, 00:07

Quindi, tu vuoi sapere quando iniziare il fitro?
Basta che metti una call alla funzione javascript AJAX che effettua il controllo nell' evento onchange della select...

**redred** · 19-06-2011, 15:52

Grazie mille per la risposta, ma non ho capito cosa devo fare, hai visto il codice che ho postato?So che devo impostare nell'evento onchange ma non so come impostarlo a partire dalla funzione che ho

**skjobax** · 19-06-2011, 19:06

Allora, presumo che tu abbia una funzione (javascript) che controlla dinamicamente (AJAX) il valore delle select...
Se no, è meglio che te la crei...
Dopodiché richiamala nell' onchange...

Però, non so se così faccio qualcosa non in norma al regolamento, dato che la sezione è PHP...

**redred** · 19-06-2011, 19:12

Si il codice che ho postato è quello che ho fatto, però a me serve capire come impostarlo in AJAX e in php quindi penso che sia corretto aver postato qui, se cosi non fosse chiedo scusa e chiedo ai moderatori di spostare la discussione in Javascript.

**redred** · 20-06-2011, 10:54

Il problema credo stia qui showregione(this.value) impostato in entrambi i select. Come posso passare impostare che nel GET[q] deve inserire la regione e nella variabile Get pr deve mettere il value di provincia con js?

**bstefano79** · 20-06-2011, 11:14

1) il file getregione.php non ti crea una select/option ma una tabella
2) non dici che errori ti da, non specifici niente devi essere più preciso

**redred** · 20-06-2011, 11:39

Non mi fornisce nessun errore, non funziona proprio, la select infatti viene creata nel file index.php e non nel file getregione, nel getregione mostro i risultati. Funziona solo la ricerca per regione se elimino la variabile pr da js.

Discussione: Select dinamica con Ajax e PHP

Strumenti discussione

Ricerca discussione

Visualizza

Select dinamica con Ajax e PHP

Permessi di invio