以下是我的代码，不能删除所有option项，但是我好像又没有错
<html>
<head>
<script>
var op1=new Array("豫园","长风公园");
var op2=new Array("故宫","颐和园");
function ss()
{
var ctrl1=document.getElementById("sel1");
var ctrl2=document.getElementById("sel2");
var gtext=ctrl1.options[ctrl1.selectedIndex].text;
if(gtext=="上海")
{
var op=op1;
}
else if(gtext=="北京")
{
var op=op2;
}
alert(ctrl2.options.length);
for(var i=0;i<ctrl2.options.length;i++)
{
ctrl2.removeChild(ctrl2.options[i]);
}
for(var i=0;i<op.length;i++)
{
var opt=document.createElement("option");
var textnode=document.createTextNode(op[i]);
opt.appendChild(textnode);
ctrl2.appendChild(opt);
}
}
</script>
</head>
<body>
<select id="sel1" onchange="ss()">
<option>上海</option>
<option>北京</option>
</select>
<select id="sel2">
</select>
</body>
</html>
for(var i=0;i<ctrl2.options.length;i++)
{
ctrl2.removeChild(ctrl2.options[i]);
}
这一句，你取得是ctrl2.options.length，当你删除一项的时候，这个数值减一，所以不可能完全删除。
在此基础上的修改是：
for(var i=0;i<ctrl2.options.length;)
{
ctrl2.removeChild(ctrl2.options[i]);
}