remplir un select avec ajax

Version imprimable

Bonsoir à tous, je suis entrain d'ajouter un select qui se rempli à la selection d'un autre select.
Seulement il me retourne toujours undefine dans mon select au moment ou je choisi ma catégorie.

Code:

1
2
3
4
5
6
7
8
9
jQuery("select#cat_id").change(function(){
    jQuery.get("/customer/add",{cat_id: jQuery(this).val()}, function(j){
      var options = '';
      for (var i = 0; i < j.length; i++) {
        options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
      }
      jQuery("select#sub_cat_id").html(options);
    })
  })

Mon HTML :

Code:

1
2
3
4
5
6
7
8
9
10
 
<p><label for="cat_id">Category :</label>
<select name="cat_id" id="cat_id">
<option value="">Selectionner catégorie</option>
<option value="4">portorico</option>
<option value="2">la-suite</option>
</select>
<select name="sub_cat_id" id="sub_cat_id">
</select>
</p>

J'ai tester la requête directement dans le navigateur et pas de probléme

Bonsoir.

optionValue ?
optionDisplay ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
$("select").change(function () {
    var str = "";
 
    $("select option:selected").each(function (i, item) {
 
        console.log(item.value + ', ' + item.text);
 
        str += $(item).text() + " ";
    });
 
    $("#affiche").text(str);
});

j'ai trouvé un truc mais c'est pas très propre je trouve :
Code:

1 2 3 4 5 6 7 8 9 jQuery("select#cat_id").change(function(){ jQuery.getJSON("/customer/json&cat_id="+ jQuery(this).val(),function(j){ var options = ''; for (var i = 0; i < j.length; i++) { options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>'; } jQuery("#sub_cat_id").html(options); }) })
Et le résultat php retourne :

Code:

[{optionValue: 3, optionDisplay: "dfbgdf"}]

Faut avouer je trouve la méthode un peu dégeu lol.
Je vais essayer avec la vôtre

12/06/2009, 01h32
danielhagnoul

Bonsoir.

Ce n'est pas une solution, seulement une question sur optionValue et optionDisplay ?
12/06/2009, 09h31
gtraxx

ben optionValue et optionDisplay sont en faites des paramètres ou donnée à envoyer au serveur que je récupère via json dans une boucle.
Je peux faire un explicatif plus détaillé à l'occasion.