select的 options清除

最新推荐文章于 2020-03-12 17:06:08 发布

iteye_986

最新推荐文章于 2020-03-12 17:06:08 发布

阅读量336

点赞数

分类专栏： JS ，javascript；easyUI，easyui-numberbox 文章标签： JavaScript 下拉框清除选项

本文链接：https://blog.csdn.net/iteye_986/article/details/82517617

版权

JS ，javascript；easyUI，easyui-numberbox 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

以下是我的代码，不能删除所有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" οnchange="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]);
}

iteye_986

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
select的 options清除

以下是我的代码，不能删除所有option项，但是我好像又没有错 var op1=new Array("豫园","长风公园"); var op2=new Array("故宫","颐和园"); function ss() { var ctrl1=document.getElementById("sel1"); var...
复制链接

扫一扫