problema select dinamiche javascript+php

mauranto99

problema select dinamiche javascript+php

Ciao! a tutti,

Ho un problema con tre select dinamiche( regioni, province e comuni ),
Il problema è che funziona il tutto, ma nel database mi salva l'id e non il nome del comune selezionato nelle select.
Per salvare il nome del comune ho usato l'istruzione switch.

Pagina php per salvare il comune con l'istruzione switch:

[php]
<?php
//prova switch
$comuni=$_POST['comuni'];
switch($_POST['comuni'] )
{
case 1:
$comuni='Altino';
break;
case 2:
$comuni='Archi';
break;
case 3:
$comuni='Ari';
break;
case 4:
$comuni='Arielli';
break;
}
?>
[/php]

Solo che i comuni sono 8094, io volevo fare una cosa un po' più veloce,
posto le altre pagine per una migliore comprensione.

[php]<script type="text/javascript" src="lists.js"></script>

<label for="regioni">Regioni</label>
<select name="regioni" id="regioni" onchange="loadList('province', getSelected(this))" class="sele"></select><br />

<label for="province">Province</label>
<select name="province" id="province" onChange="loadList('comuni', getSelected(this))" class="sele1">Province</select><br />

<label for="comuni">Comuni</label>
<select name="comuni" id="comuni" class="sele2" >Comuni</select><br />

<script type="text/javascript">
//<![CDATA[
loadList('regioni', 0);
//]]>
</script>
[/php]

[php]
<?php
include("include/conn_db.php");
//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;
case 'comuni':
$sql="SELECT id, nome FROM $tb WHERE id_provincia=$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 .= utf8_encode($row[0] . '|' . $row[1] . ';');
}
}
//Rimuove il carattere ; in coda
echo rtrim($out, ';');
?>
<?php
include("include/chiusa_conn_db.php");
?>
[/php]

Questa che segue è una pagina con estensione (js)

[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 --');
}
if(listId == 'province' ) {
            addOption (select, 0, '-- Selezionare provincia --');
            }
            if(listId == 'comuni' ) {  
            addOption (select, 0, '-- Selezionare comune --');                 
}                  
            var limit = values.length;
var limit = values.length;

for(i=0; i < limit; i++) {
 var pair = values*.split('|');
 //aggiunge un elemento <option>
 addOption(select, pair[0], pair[1]);
}

}
} else {
alert(xmlHttp.responseText);
}
}
}
//funzione per rendere i browswr compatibili
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;
}

[/php]

Spero si capisca,

Tanti saluti.

alcatraz

Qui non hai indicato la pagina php del salvataggio, comunque per salvare il nome del comune e non l'id devi prendere

document.getElementById("comuni").options[document.getElementById("comuni").selectedIndex].text

Occhio perché

//Elimina i valori precedenti
while (select.options.length) {
 select.remove(0);
}

non mi funziona su IE, mi fai sapere se a te funziona?

mauranto99

Ciao! Alcatraz,

Una volta compilata la select, passo i valori con il (post),
a questa pagina che controlla i campi.
Questa è la pagina con il campo che a me serve (comuni).

[PHP]
<?Php
@$comuni=mysql_real_escape_string($_POST['comuni']);
//Controllo campi obbligatori

if(@$_POST['comuni'] == "0")
{echo"Campo comuni vuoto<br/><br/><a href="registrazione.php">Torna alla registrazione</a>"; exit(); }

//inserimento dati database

$query=mysql_query("INSERT INTO utenti (comune)
VALUES ('$comuni')")or die(mysql_error());

?>
[/PHP]

Ho lasciato solo il codice per il recupero del campo,
Io recupero il campo comuni, poi lo inserisco nel database, ma salva l'id,
e non il nome del comune.
Poi non ho capito dove mettere il codice da te postato.
Attendo,
Grazie, per la risposta.