我的代码可以在IE中运行，但在Safari、Firefox和Opera中会崩溃。(惊喜)
document.getElementById("DropList").options.length=0;
经过搜索，我了解到它不喜欢的是长度=0。 我试过了……选项=null和var clear=0.．.长度=clear，结果相同。
我一次对多个对象这样做，所以我正在寻找一些轻量级的JS代码。
当前回答
去扭转。原因是每次移除后尺寸都会减小。
for (i = (len-1); i > -1; i--) {
document.getElementById("elementId").remove(i);
}
其他回答
项目应该反向删除，否则将导致错误。此外，我不建议简单地将值设置为null，因为这可能会导致意外的行为。
var select = document.getElementById("myselect");
for (var i = select.options.length - 1 ; i >= 0 ; i--)
select.remove(i);
或者，如果你喜欢，你可以让它成为一个函数:
function clearOptions(id)
{
var select = document.getElementById(id);
for (var i = select.options.length - 1 ; i >= 0 ; i--)
select.remove(i);
}
clearOptions("myselect");
Try
document.getElementsByTagName("Option").length=0
或者可以查看removeChild()函数。
或者如果你使用jQuery框架。
$("DropList Option").each(function(){$(this).remove();});
使用PrototypeJS:
$('yourSelect').select('option').invoke('remove');
今天我也遇到了同样的问题，我在重新加载选择框时做了如下操作。(在纯JS中)
var select = document.getElementById("item");
select.options.length = 0;
var opt = document.createElement('option');
opt.value = 0;
opt.innerHTML = "Select Item ...";
opt.selected = "selected";
select.appendChild(opt);
for (var key in lands) {
var opt = document.createElement('option');
opt.value = lands[key].id;
opt.innerHTML = lands[key].surveyNo;
select.appendChild(opt);
}
最简单的解决方案是最好的，所以你只需要:
var list = document.getElementById('list'); while (list.firstChild) { list.removeChild (list.firstChild); ｝ <选择id = "列表" > <选项值= " 0 " > 0 < /选项> <选项值= " 1 " > 1 > < /选项 < /选择>
