Создание выпадающего

Question

Я потратил некоторое время, пытаясь найти элегантное и кросс-браузерное решение, но не смог.Я пытаюсь динамически создать выпадающий список.Вот мой HTML:

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

В моем скрипте я пытаюсь сделать следующее:

• Создать элемент выбора
• Положим, скажем, 4опции в нем - «AAA», «BBB», «CCC» и «DDD»
• Добавить элемент выбора к $ («# валюты»)

Я предполагаючто для того, чтобы код был кросс-браузерным, он должен быть написан с использованием jQuery.Когда я говорю элегантный, я имею в виду, возможно, пытаясь избежать слишком большой разметки, например, что-то вроде этого:

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

Может быть, у кого-то есть какой-то совет.Спасибо.

Answer 1

Я бы, наверное, сделал это так:

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

Answer 2

Вы должны сделать строку

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

Тогда

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

выполнит работу за вас