Créer une liste déroulante

Question

J'ai passé du temps à essayer de trouver une solution de navigation élégante et multi-navigateur, mais je n'ai pas pu. J'essaie de créer dynamiquement une liste déroulante. Voici mon html:

... 
<span id="currencies"> 
</span> 
... 

Dans mon script, je suis en train de faire ce qui suit:

• Créer un élément de sélection
• Put, disons, 4 options en elle - 'AAA', 'BBB', 'CCC', et 'DDD'
• Append l'élément de sélection pour $ ('# monnaies')

Je suppose que le code soit navigateur croix il devrait être écrit en utilisant jQuery. Quand je dis que je veux dire peut-être élégant en essayant d'éviter trop de balisage, par exemple, quelque chose comme ceci:

// THIS IS NOT A WORKING CODE 
$('#currencies').appendSelect().addOption('AAA', 'AAA').addOption('BBB', 'BBB')... 

Peut-être que quelqu'un a une astuce. Je vous remercie.

Answer 1

je ferais sans doute comme ceci:

var $s = $('<select/>').appendTo($('#currencies')); 
$.each(['AAA','BBB','CCC','DDD'],function(i,text){ 
    $s.append($('<option/>',{value:text,html:text})); 
}); 

Answer 2

Vous devez faire une chaîne

var string1='<option>AAA</option><option>BBB</option>.........</option>'

Puis

$('#currencies').html(string1);

fera le travail pour vous