附加选择选项 - IE 问题/解决方案导致其他浏览器问题

发布于 2024-09-27 16:44:25 字数 247 浏览 5 评论 0原文

我有一个

当然，因为 IE 不能使用innerHTML，所以我必须将此模板附加到

原文

分享到QQ

分享到微博

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

发布评论

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

多谢你的绝情让我学会死心 2024-10-04 16:44:25

只需使用innerHTML重写整个选择块，这总是有效的。

回复收藏 0 原文

‘画卷フ 2024-10-04 16:44:25

从

while( select_control.length > 0 )
     select_control.options[0] = null

如果您执行select_control.length = 0，某些浏览器会清除列表，但我发现这不可靠。

插入选项的万无一失的方法：

var new_option = new Option(text, value)
try {
    select_control.add(new_option, select_control.options[0])
} catch(e) {
    select_control.add(new_option, 0)
}

0 是您之前想要的项目的索引。要将其添加到末尾，请执行以下操作：

select_control.options[select_control.length] = new_option

如果您想通过指定现有选项的索引来替换特定项目，这也将起作用。

Foolproof way of clearing out the options from a <select>:

while( select_control.length > 0 )
     select_control.options[0] = null

Some browsers will clear the list if you do select_control.length = 0 but I've found this unreliable.

Foolproof way of inserting option:

var new_option = new Option(text, value)
try {
    select_control.add(new_option, select_control.options[0])
} catch(e) {
    select_control.add(new_option, 0)
}

The 0 is the index of the item you want your item before. To add it to the end, do this instead:

select_control.options[select_control.length] = new_option

This will also work if you want to replace a specific item, by specifying the index of an existing option.

回复收藏 0 原文

单身狗的梦 2024-10-04 16:44:25

使用 YUI3 良好：

    node.setContent(template); //removes old children, sets new template as content.
    node.set('selectedIndex', 0); //forces FF to select the first one

使用正确的方法进行编辑。

Well using YUI3:

    node.setContent(template); //removes old children, sets new template as content.
    node.set('selectedIndex', 0); //forces FF to select the first one

Edited with correct methods.

回复收藏 0 原文

~没有更多了~