我的代码可以在 IE 中运行,但在 Safari、Firefox 和 Opera 中会中断。(大惊喜)
document.getElementById("DropList").options.length=0;
搜索后,我知道length=0
它不喜欢它。
我试着...options=null
和var clear=0; ...length=clear
具有相同的结果。
我一次对多个对象执行此操作,因此我正在寻找一些轻量级的 JS 代码。
我的代码可以在 IE 中运行,但在 Safari、Firefox 和 Opera 中会中断。(大惊喜)
document.getElementById("DropList").options.length=0;
搜索后,我知道length=0
它不喜欢它。
我试着...options=null
和var clear=0; ...length=clear
具有相同的结果。
我一次对多个对象执行此操作,因此我正在寻找一些轻量级的 JS 代码。
要删除 的 HTML 元素的选项select
,您可以使用以下remove()
方法:
function removeOptions(selectElement) {
var i, L = selectElement.options.length - 1;
for(i = L; i >= 0; i--) {
selectElement.remove(i);
}
}
// using the function:
removeOptions(document.getElementById('DropList'));
删除options
向后很重要;当该remove()
方法重新排列options
集合时。这样就保证了要移除的元素仍然存在!
如果您希望拥有一个轻量级脚本,那么请选择 jQuery。在 jQuery 中,删除所有选项的解决方案如下:
$("#droplist").empty();
可能不是最干净的解决方案,但绝对比一个一个删除更简单:
document.getElementById("DropList").innerHTML = "";
这是最好的方法:
function (comboBox) {
while (comboBox.options.length > 0) {
comboBox.remove(0);
}
}
您可以使用以下方法清除所有元素。
var select = document.getElementById("DropList");
var length = select.options.length;
for (i = length-1; i >= 0; i--) {
select.options[i] = null;
}