Question

我花了一些时间试图找到一个优雅的跨浏览器解决方案，但无法。我正在尝试动态创建下拉列表。这是我的HTML：

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

在我的脚本中，我正在尝试执行以下操作：

创建一个选择元素
比如说4个选项 - 'AAA'，'BBB'，'CCC'和'DDD'
将select元素附加到$（'＃currency'）

我假设代码是跨浏览器，应该使用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);

将为你做的工作

创建下拉列表

2 个答案: