创建下拉菜单

发布于 2024-12-13 14:11:01 字数 508 浏览 0 评论 0原文

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

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

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

创建一个选择元素
将 4 个选项放入其中 - 'AAA'、'BBB'、'CCC' 和 'DDD'
附加选择元素到 $('#currencies')

我假设代码要跨浏览器，应该使用 jQuery 编写。当我说优雅时，我的意思是可能试图避免太多标记，例如，这样的事情：

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

也许有人有一些提示。谢谢。

原文

I've spent some time trying to find an elegant and cross browser solution but was unable. I'm trying to dynamically create a drop down. Here is my html:

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

In my script I'm trying to do the following:

Create a select element
Put, say, 4 options into it - 'AAA', 'BBB', 'CCC', and 'DDD'
Append the select element to $('#currencies')

I am assuming that for the code to be cross browser it should be written using jQuery. When I say elegant I mean possibly trying to avoid too much markup, for example, something like this:

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

Maybe somebody has some tip. Thank you.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

秋日私语 2024-12-20 14:11:01

我可能会这样做：

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

I would probably do it like this:

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

回复收藏 0 原文