Zend FR

Bonjour

Dans un formulaire, j'ai 2 champs : Un 1ier champ dans lequel je saisis un code postal, puis un 2nd champ de type SELECT dans laquelle je fais le choix d'une commune correspondante au code postal saisi précédement.
(Il y a en effet 36569 communes en france pour seulement 5962 codes postaux...)

Je souhaite que tout changement dans le 1ier champ Code Postal mette à jour dynamiquement la liste de choix dans le second champ de type SELECT.
je tente d'utiliser AJAX, JQUERY et JSON.

Mon code ne fonctionne pas : Au final, mon champ SELECT se remplit avec des "undefined" partout : exemple
    <select id="codeCommune" name="codeCommune">
        <option value="undefined">undefined</option>
        <option value="undefined">undefined</option>
        <option value="undefined">undefined</option>
        <option value="undefined">undefined</option>
        <option value="undefined">undefined</option>

Qui peut m'aider à identifier mon erreur ?
Voici mon code ci dessous.       
   
*** Script JQUERY dans ma page HTML contenant le formulaire :
$(document).ready(function () {
    var urlmonsite = "http://localhost/monsite";

    $("input#codePostal").change(function () {
        var listeCommunes =
            $.ajax({
                async : false,
                dataType : "json",
                url: urlvg + "/ajax/communes/cp/" + $("input#codePostal").val() + "/format/json",
            }).responseText;
        var options = '';
        for( var i = 0; i < listeCommunes.length; i++) {
            options += '<option value="' + listeCommunes[i].valeur + '">' + listeCommunes[i].choix + </option>';
        }
        $("select#codeCommune").append(options);
    })

});

*** Fichier controleur AJAX : ajaxController.php
<?php
class ajaxController extends Zend_Controller_Action
{
    /**
     * Initialisation
     */
    public function init()
    {
        $this->_helper->layout->disableLayout();
    }

    /**
     * Retourne la liste des communes correspondant à un code postal donné, au format JSON
     */
    public function communesAction()
    {
        // ici je vais chercher la liste des communes en fonction du code postal envoyé
        // le résultat est un ARRAY identique à :
        // $listeCommunes = array(
        //        array("valeur" => "35236", "choix" => "Redon"),
        //        array("valeur" => "35013", "choix" => "Bains-sur-Oust"),
        //        array("valeur" => "35294", "choix" => "Sainte-Marie")
        // )
   
        $this->view->reponseAjax = Zend_Json::encode($listeCommunes);
           
    }
}

*** Vue du controleur AJAX :
<?php
echo $this->reponseAjax;

Merci

Dernière modification par zebulon (07-01-2010 00:29:43)