Mysql
 sql >> Base de données >  >> RDS >> Mysql

J'ai besoin d'aide pour terminer cette liste déroulante dynamique à 3 niveaux

Je ne comprends pas trop ton problème alors ? Vous demandez essentiellement comment faire exactement ce que vous faites maintenant pour les régions à nouveau pour les villes ?

Comme créer un cityAjax.php :

<?php require_once 'core/init.php';

$region_id  =  escape(Input::get('region'));

$select_city = DB::getInstance()->get('citys', array('regionId', '=', $region_id));

    if(!$select_city->count()) {

        echo 'No City found!';

    } else {

    ?><select name="city" id="city"><?php   

        foreach($select_city->results() as $row) {

            $city_id          =   escape($row->cityId);
            $city_name        =   escape($row->cityName);

        ?><option value="<?php echo $city_id; ?>" ><?php echo $city_name; ?></option><?php

        }
    ?></select><?php        
    }

Je suis désolé, mais votre question n'a pas vraiment de sens...

Mise à jour :

Ah, je pense comprendre ton problème. Vous ne comprenez pas comment laisser la sélection de régions générée charger une section de ville.

Ok, vous pouvez le faire comme ceci :

  • comme mentionné plus haut, vous devez d'abord créer un nouveau ajax.php pour la logique de récupération des villes. Il serait plus agréable de tout gérer à partir d'un seul fichier, mais pour simplifier les choses, nous allons simplement utiliser un deuxième fichier php.

  • Vous devrez également étendre votre fichier html de base et ajouter un espace réservé pour les villes :

    ...Région--Sélectionner État--

    <label for="cat">Cities</label>
    <div id="citydiv">
        <select name="city" id="city">
        <option>--Select State--</option>
        <option></option>
    </div>
    

    ...

  • Vous devrez également ajouter une fonction javascript pour remplir ce nouvel espace réservé :

:

function showHint(str) {   
    ...        
    xmlhttp.open("GET","ajax.php?country="+str,true);
    xmlhttp.send(null);
    ...   
}

function showCity(str) {
    var xmlhttp;
    if (str.length==0) {
        document.getElementById("citydiv").innerHTML="";
        return;
    }
    if (window.XMLHttpRequest) {
        xmlhttp=new XMLHttpRequest();
    } else {
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {
            document.getElementById("citydiv").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","cityAjax.php?region="+str,true);
    xmlhttp.send(null);
}

:- Enfin et surtout, vous devrez étendre votre code ajax.php existant, pour appeler la nouvelle fonction javascript si une région est sélectionnée :

...
?><select name="region" id="region" onChange="showCity(this.value);" required><?php   

        foreach($select_region->results() as $row) {

            $region_id          =   escape($row->regionId);
            $region_name        =   escape($row->regionName);

        ?><option value="<?php echo $region_id; ?>" ><?php echo $region_name; ?></option><?php

        }
?></select><?php 
...

J'espère que cela aide un peu !