如何使用prototype js在HTML中添加一堆选项来选择标签

Question

如何使用prototype js在HTML中添加一堆选择标签的选项。谢谢你。

Answer 1

与select标签的引用:

var select = $('my_select_tag_id');

在散列中遍历选项:

$H({foo: 'bar', boo: 'baz'}).each(function(pair){
  select.options[select.options.length] = new Option(pair.value, pair.key);
});

重要的是，不要试图把值塞进选项，就好像它们是HTML元素一样，使用select.insert('<option value="foo">bar</option>')或类似的，因为这不会在所有浏览器中工作。jQuery做了一些奇特的事情来解决这个问题，因为这正是他们想让你做的。