Création programmée d'une liste de sélection

Question

Quelqu'un connaît-il une technique permettant de créer par programme une liste de sélection HTML comprenant des options à l'aide de JQuery ?

Answer 1

var arr = [
  {val : 1, text: 'One'},
  {val : 2, text: 'Two'},
  {val : 3, text: 'Three'}
];

var sel = $('<select>').appendTo('body');
$(arr).each(function() {
 sel.append($("<option>").attr('value',this.val).text(this.text));
});

Answer 2

var s = $('<select/>');
var o = [1, 2, 3];
for (var i in o) {
    s.append($('<option/>').html(o[i]));
}
$('body').append(s);

Answer 3

Je sais que c'est vieux, mais qu'importe :

$selectBox.html($.map(myArray, function(){
    return $('<option/>', {text: this});
}));

Answer 4

Il s'agit d'une opération très simple à réaliser :

var selectList = "<select name='numbers'>";
for (var x = 0; x < 10; x++) {
    selectList += "<option>" + x + "</option>";
}
selectList += "</select>";
$('#my-container').html(selectList);

Answer 5

Je pense que c'est plus simple.

 arr.map(x => ($("YOUR SELECTOR").append(`<option value="${x}">${x}</option>`)));