• M
    User •

    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 />

    <!-- carica il contenuto della lista regioni -->
    <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. :ciauz:

    0
  • A
    User •

    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?

    0
  • M
    User •

    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.
    :ciauz:

    0
Effettua l'accesso per rispondere