Comment ajouter une option à une liste de sélection en jQuery ?

Question

Ma liste de sélection s'appelle dropListBuilding . Le code suivant ne semble pas fonctionner :

 for (var i = 0; i < buildings.length; i++) {
     var val = buildings[i];
     var text = buildings[i];
     alert("value of builing at: " + i.toString() + " is: " + val);
     $("#dropListBuilding").addOption(val, text, false);
 }

Cette ligne meurt :

$("#dropListBuilding").addOption(val, text, false);

Quel est le droit d'ajouter des éléments à la liste déroulante en jQuery ? J'ai testé sans cette ligne et la variable buildings a bien mon élément de données.

Answer 1

Ne rendez pas votre code si compliqué. Vous pouvez le faire simplement comme ci-dessous en utilisant un itérateur de type foreach :

$.each(buildings, function (index, value) {
    $('#dropListBuilding').append($('<option/>', { 
        value: value,
        text : value 
    }));
});

Answer 2

$('#dropListBuilding').append('<option>'+val+'</option>');

Answer 3

Cette façon de faire a toujours fonctionné pour moi, j'espère que cela vous aidera.

var ddl = $("#dropListBuilding");   
for (k = 0; k < buildings.length; k++)
   ddl.append("<option value='" + buildings[k]+ "'>" + buildings[k] + "</option>");

Answer 4

Votre code échoue parce que vous exécutez une méthode (addOption) sur l'objet jQuery (et cet objet ne supporte pas la méthode).

Vous pouvez utiliser la fonction Javascript standard comme ceci :

$("#dropListBuilding")[0].options.add( new Option("My Text","My Value") )

Answer 5

Il semble que vous vouliez ce plug-in car il suit votre code existant, peut-être que le fichier js du plug-in a été oublié quelque part.

http://www.texotela.co.uk/code/jquery/select/

var myOptions = {
"Value 1" : "Text 1",
"Value 2" : "Text 2",
"Value 3" : "Text 3"
} 
$("#myselect2").addOption(myOptions, false); 
// use true if you want to select the added options » Run