Ciao, sto provando a fare 3 select dinamiche con ajax, ho copiato pari pari l'esempio riportato qui:
http://www.mrwebmaster.it/ajax/artic...-php_1062.html
sembra anche piuttosto semplice e chiaro, il problema che mi rimangono tutte 3 le select vuote, non si popolano....che può essere?
5ym0
Scusate avevo commesso io un errore di connessione al db. ora funziona in parte.
mi mette sia le province che i comuni uno in fila all'altro senza andare a capo. Come posso fare? grazie
5ym0
Non ti pare di essere un tantinello vago nelle spiegazioni? Forse hai troppa fiducia nelle capacita' degli utenti del forum se speri che qualcuno possa darti utili consigli sena vedere una sola linea del codice che stai usando...Originariamente inviato da Symon83
Scusate avevo commesso io un errore di connessione al db. ora funziona in parte.
mi mette sia le province che i comuni uno in fila all'altro senza andare a capo. Come posso fare? grazie
Il guaio per i poveri computers e' che sono gli uomini a comandarli.
Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
Consultate la discussione in rilievo: script / discussioni utili
Usate la funzione di Ricerca del Forum
è pari pari a quello che trovate nel link che ho postato in alto...per quello non l'ho copiato, cmq per intenderci copio tutto:
index.php:
select_abitativa.php:Codice PHP:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
// Select Province e Comuni dalla Regione.
function selProvCom(idRegion) {
// Seleziono province di questa regione.
$.get("select_abitativa.php", { regionid: idRegion, requestItems: 'province'},
function(dataProvince){
$("select[id='province']").empty();
var options = '-- seleziona --';
var arrayProvince = dataProvince.split( '||');
for (var i = 1; i < arrayProvince.length; i++) {
var provincia = arrayProvince[i].split( /,/);
options += '' + provincia[1] + '';
}
$("select[id='province']").html(options);
});
// Seleziono comuni di questa regione.
$.get("select_abitativa.php", { regionid: idRegion, requestItems: 'comuni'},
function(dataComuni){
$("select[id='city']").empty();
var options = '-- seleziona --';
var arrayComuni = dataComuni.split( '||');
for (var i = 1; i < arrayComuni.length; i++) {
var comune = arrayComuni[i].split( /,/);
options += '' + comune[1] + '';
}
$("select[id='city']").html(options);
});
}
// Select dei Comuni dalla Provincia.
function selCom(idProvincia) {
// Seleziono comuni di questa provincia.
$.get("select_abitativa.php", { provinciaid: idProvincia, requestItems: 'comuni'},
function(dataComuni){
$("select[id='city']").empty();
var options = '-- seleziona --';
var arrayComuni = dataComuni.split( '||');
for (var i = 1; i < arrayComuni.length; i++) {
var comune = arrayComuni[i].split( /,/);
options += '' + comune[1] + '';
}
$("select[id='city']").html(options);
});
}
</script>
</head>
<body>
<label for="region">Regione:</label>
<select id="region" name="region" onchange="selProvCom(this.value);">
<option value="" selected="selected">-- seleziona --</option>
<?php
// Collegamento ad database.
include("config.inc4.php");
// Query selezione tutte le regioni.
$sql = "select * from regioni order by regione";
// Eseguo la query.
$result = mysql_query($sql, $conn);
while($region = mysql_fetch_array($result)) {
?>
<option value="<?php echo $region['id']; ?>"><?php echo $region['regione']; ?></option>
<?php
}
?>
</select>
</p>
<label for="province">Provincia:</label>
<select id="province" name="province" onchange="selCom(this.value);">
<option value="" selected="selected">-- seleziona --</option>
<?php
// Query selezione tutte le province.
$sql = "select * from province order by provincia";
// Eseguo la query.
$result = mysql_query($sql, $conn);
while($province = mysql_fetch_array($result)) {
?>
<option value="<?php echo $province['id']; ?>"><?php echo $province['provincia']; ?></option>
<?php
}
?>
</select>
</p>
<label for="city">Città:</label>
<select id="city" name="city">
<option value="" selected="selected">-- seleziona --</option>
</select>
</p>
</body>
</html>
problema: con firefox mi popola correttamente province e comuni in base alla regione ma tutte uno in fila all'altro senza andare a capo. Con IE quando seleziono la regione non popola ne provincia ne comune...scusate se prima son stato poco chiaro, grazieCodice PHP:<?php
// Seleziona Province e Comuni.
include("config.inc4.php");
if (isset($_GET['regionid']) and is_numeric($_GET['regionid'])) {
if (isset($_GET['requestItems']) and $_GET['requestItems']==='province') {
$regionID = intval($_GET['regionid']);
$query = <<<EOQ
SELECT *
FROM province
WHERE id_regione = '$regionID'
ORDER BY provincia
EOQ;
$result = mysql_query($query, $conn);
$returnProvince = '';
while ($row = mysql_fetch_array($result)) {
$returnProvince .= "||".$row['id'].",".$row['provincia'];
}
print_r($returnProvince);
}
else if (isset($_GET['requestItems']) and $_GET['requestItems']==='comuni') {
$regionID = intval($_GET['regionid']);
$query = <<<EOQ
SELECT *
FROM comuni
WHERE id_regione = '$regionID'
ORDER BY comune
EOQ;
$result = mysql_query($query, $conn);
$returnComuni = '';
while ($row = mysql_fetch_array($result)) {
$returnComuni .= "||".$row['id'].",".$row['comune'];
}
print_r($returnComuni);
}
}
else if (isset($_GET['provinciaid']) and is_numeric($_GET['provinciaid'])) {
if (isset($_GET['requestItems']) and $_GET['requestItems']==='comuni') {
$provinciaID = intval($_GET['provinciaid']);
$query = <<<EOQ
SELECT *
FROM comuni
WHERE id_provincia = '$provinciaID'
ORDER BY comune
EOQ;
$result = mysql_query($query, $conn);
$returnComuni = '';
while ($row = mysql_fetch_array($result)) {
$returnComuni .= "||".$row['id'].",".$row['comune'];
}
print_r($returnComuni);
}
}
?>
5ym0
UUUUUPPP
5ym0
Ho il tuo stesso identico problema, mi si vede solo la prima select e non le altre...mi rimangono bianche.Perchè?
Non lo so...non son riuscito a risolvere la cosa e non ho trovato aiuto purtroppo
5ym0
ciao,
non so come funziona il vostro script ma vi posso consigliare uno che sicuramente funziona e facile da capire e potete modificare per le vostre esigenze come ho fatto io
una cosa importante nel label for,select id e select name devono essere uguali al nome delle tabelle usate
ora vi posto il codice(ajax)
index.html
request.phpCodice PHP:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Esempio liste di selezione in cascata</title>
<script type="text/javascript" src="lists.js"></script>
<style type="text/css">
body {
font-family: verdana, sans-serif;
font-size: 9pt;
}
select {
width: 200px;
margin: 5px 0;
}
fieldset {
border: 1px solid #d0d0d0;
padding: 5px;
width: 220px;
}
</style>
</head>
<body>
<form action="index.html" method="post">
<fieldset>
<label for="regioni">Regioni</label>
<select name="regioni" id="regioni" onChange="loadList('province', getSelected(this))" >
</select>
<label for="province">Province</label>
<select name="province" id="province">
</select>
<input type="submit" name="submit" value="Invia" />
</fieldset>
</form>
<script type="text/javascript">
//<![CDATA[
loadList('regioni', 0);
//]]>
</script>
</body>
</html>
list.jsCodice PHP:<?php
require 'dbconfig.php';
$conn = mysql_connect(DB_HOST, DB_USER, DB_PASSWORD) or die;
mysql_select_db(DB_NAME) or die;
//I valori in input vanno verificati
//id deve essere un valore numerico
$pid = (int)$_REQUEST['id'];
//maschera eventuali caratteri speciali in table
$tb = mysql_real_escape_string($_REQUEST['table'], $conn);
switch($tb) {
case 'regioni':
$sql="SELECT id, nome FROM `$tb` ORDER BY nome";
break;
case 'province':
$sql="SELECT id, nome FROM `$tb` WHERE id_regione=$pid ORDER BY nome";
break;
}
//Il primo elemento della risposta è il nome della tabella (= attributo ID del tag select)
$out="$tb;";
if($result = mysql_query($sql, $conn)) {
while ($row = mysql_fetch_row($result)) {
$out .= $row[0] . '|' . $row[1] . ';';
}
}
//Rimuove il carattere ; in coda
echo rtrim($out, ';');
?>
dbconfig.phpCodice PHP:var xmlHttp = getXmlHttpObject();
function loadList(tb, id){
xmlHttp.open('GET', 'request.php?table='+tb+'&id='+id, true);
xmlHttp.onreadystatechange = stateChanged;
xmlHttp.send(null);
}
function addOption(select, value, text) {
//Aggiunge un elemento <option> ad una lista <select>
var option = document.createElement("option");
option.value = value,
option.text = text;
try {
select.add(option, null);
} catch(e) {
//Per Internet Explorer
select.add(option);
}
}
function getSelected(select) {
//Ritorna il valore dell'elemento <option> selezionato in una lista
return select.options[select.selectedIndex].value;
}
function stateChanged() {
if(xmlHttp.readyState == 4) {
//Stato OK
if (xmlHttp.status == 200) {
var resp = xmlHttp.responseText;
if(resp) {
//Le coppie di valori nella striga di risposta sono separate da ;
var values = resp.split(';');
//Il primo elemento è l'ID della lista.
var listId = values.shift();
var select = document.getElementById(listId);
//Elimina i valori precedenti
while (select.options.length) {
select.remove(0);
}
if(listId == 'regioni') {
addOption (select, 0, '-- Selezionare regione --');
}
var limit = values.length;
for(i=0; i < limit; i++) {
var pair = values[i].split('|');
//aggiunge un elemento <option>
addOption(select, pair[0], pair[1]);
}
}
} else {
alert(xmlHttp.responseText);
}
}
}
function getXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
in fine il file sqlCodice PHP:<?php
//Modify constants with data needed to access your own database
define('DB_HOST','localhost');
define('DB_NAME','testdb');
define('DB_USER','testuser');
define('DB_PASSWORD','test');
?>
db.sql
Codice PHP:CREATE TABLE `regioni` (
`id` int(11) NOT NULL auto_increment,
`nome` varchar(30) NOT NULL,
PRIMARY KEY (`id`)
);
--
-- Dump dei dati per la tabella `regioni`
--
INSERT INTO `regioni` (`id`, `nome`) VALUES
(1, 'Lombardia'),
(2, 'Liguria'),
(3, 'Toscana'),
(4, 'Campania');
CREATE TABLE `province` (
`id` int(11) NOT NULL auto_increment,
`id_regione` int(11) NOT NULL,
`nome` varchar(30) NOT NULL,
PRIMARY KEY (`id`)
);
--
-- Dump dei dati per la tabella `province`
--
INSERT INTO `province` (`id`, `id_regione`, `nome`) VALUES
(1, 1, 'Milano'),
(2, 1, 'Bergamo'),
(3, 2, 'Genova'),
(4, 2, 'Savona'),
(5, 3, 'Firenze'),
(6, 3, 'Lucca'),
(7, 4, 'Napoli'),
(8, 4, 'Avellino'),
(9, 4, 'Salerno');
Non mi funziona...ho provato, facendo tutto e inserendo i miei dati sql, non mi seleziona nemmeno le regioni.
Ciao dany
prima di tutto mentre ti rispondevo mi sono accorto di un errore il file js si kiama lists no list
prova prima di tutto a cambire ilnome se non va continua a leggere ciò che to scritto
scusa per l'errore
non so cosa te hai fatto ma di sicuro funziona
allora per capire
i nome dei file sono giusti? sono 4 dbconfig.php, request.php, lists.js e db.sql
hai creato un file db.sql?
se si
sei andato su phpmyadmin ed hai importato il database
nel file config devi solo cambiare user e password tutto il resto lo lasci come
fammi sapere
Permessi di invio
Rispondi quotando