`
阅读更多
以下是我的代码,不能删除所有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]);
}
分享到:
评论

相关推荐

    清空select标签中option选项的3种不同方式

    复制代码代码如下: document.getElementById(“selectid”).options.length = 0; 方法二 复制代码代码如下: document.formName.selectName.options.length = 0; 方法三 复制代码代码如下: document....

    WordPress数据库清理插件Clean Options

    选择适当的选项,点击“Find Orphaned Options” ---&gt;进入“To double-check options in the Orphaned Options list”页面---&gt;单击下方的“Select All“ ,选择页面中的内容----&gt;点击”View Selected Options ...

    解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题

    这是一个项目中常见的需求,el-select 为下拉多选,默认值不可删除,或者指定值不可删除。 实现效果: el-select 如下源码中 tag closable 属性为 el-select 的 disabled 属性,所有明显不支持。 解决思路(从el-...

    JS、jQuery中select的用法详解

    var obj=document.getElementById(selectid); obj.options.length = 0; //清除所有内容 obj.options[index] = new Option("three",3); //更改对应的值 obj.options[index].selected = true; //保持选中状态 obj.add...

    Clear Code-crx插件

    语言:English 嵌入式代码示例的语法突出显示和修饰符。... Select 'Open in Clear Code'.OPTIONS:Customise the syntax highlighter theme, font styles and beautifiers from the options page. Right click the Cle

    SQL语法大全

    recordset.Open Source,ActiveConnection,CursorType,LockType,Options Source Recordset对象可以通过Source属性来连接Command对象。Source参数可以是一个Command对象名称、一段SQL命令、一个指定的数据表名称或是...

    DropKick:一个JavaScript插件,用于创建美观,易用且轻松的自定义下拉菜单

    DropKick.js快速开始基本用法从发行/标签部分下载最新的稳定版本将JS插入页面将样式表放在您想要的位置将ID或类别添加到您要DropKick的选择中如果您使用的是jQuery: $("#ID").dropkick( options ); 纯JS: 调用new ...

    2009 达内Unix学习笔记

    clear 清屏,清除(之前的内容并未删除,只是没看到,拉回上面可以看回)。 五、目录管理命令 pwd 显示当前所在目录,打印当前目录的绝对路径。 cd 进入某目录,DOS内部命令 显示或改变当前目录。 cd回车/cd ~ 都...

    Smarty中文手册 chm版

    html_options html_radios html_select_date html_select_time html_table math mailto popup_init popup textformat 9. Config Files [配置文件] 10. Debugging Console [调试控制台] III. Smarty For ...

    smarty手册.chm

    html_options html_radios html_select_date html_select_time html_table math mailto popup_init popup textformat 9. Config Files [配置文件] 10. Debugging Console [调试控制台] III. Smarty For ...

    MySQL中文参考手册

    + 5.4.2 SELECT INTO TABLE + 5.4.3 事务(Transactions) + 5.4.4 存储过程和触发器 + 5.4.5 外键(Foreign Keys) # 5.4.5.1 不使用外键的理由 + 5.4.6 视图(Views) + 5.4.7 '--'作为一个 注解的开始 o 5.5 ...

    MySQL中文参考手册.chm

    7.16 LOAD DATA INFILE (装载数据到文件)句法 7.17 UPDATE (更新)句法 7.18 USE (使用)句法 7.19 FLUSH (清除缓存)句法 7.20 KILL (杀灭)句法 7.21 SHOW (显示)句法(得到关于表,列等...

    计算机应用技术(实用手册)

    系统密码清除,把CMOS第一引导设为光驱引导,用GHOST安装光盘起动,选择系统登录密码破解按回车进入 24 第四章 局域网组建 24 1.常用网络命令: 25 2.网线的制作: 27 3.局域IP地址配置: 27 4.采用TP-LINK...

    arcgis工具

    打开 Arctoolbox,执行 [消除] 命令 指定输入图层:tinSlopef, 输出要素类:TinSlopef_Elminate.shp Eliminate(合并破碎多边形)操作原理 20. 重叠要素的选择切换 目标:在覆盖同一区域的多个要素中切换被选择...

    Linux高级bash编程

    Standard Command-Line Options G. Important Files H. Important System Directories I. Localization J. History Commands K. A Sample .bashrc File L. Converting DOS Batch Files to Shell Scripts M. ...

    Advanced Bash-Scripting Guide <>

    Standard Command-Line Options G. Important Files H. Important System Directories I. Localization J. History Commands K. A Sample .bashrc File L. Converting DOS Batch Files to Shell Scripts M. ...

    MYSQL

    7.18 USE (使用)句法 7.19 FLUSH (清除缓存)句法 7.20 KILL (杀灭)句法 7.21 SHOW (显示)句法(得到关于表,列等的信息) 7.22 EXPLAIN (解释)句法(得到关于SELECT的信息) 7.23 DESCRIBE ...

    js使用小技巧

    &lt;input type=text name=text1 value="123" onfocus="this.select()"&gt; ENTER键可以让光标移到下一个输入框 (event.keyCode==13)event.keyCode=9"&gt; 文本框的默认值 (this.defaultValue)"&gt; title换行 obj.title =...

    正则表达式

    正则表达式中的特殊字符 字符 含意 \ 做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个单词的边界。 -或- 对正则表达式功能字符的还原,如"*"匹配它...

    vfp6.0系统免费下载

    vf6.0,要考二级没系统的下哈 Microsoft Visual FoxPro 6.0 for Windows 的常见问题 这些是有关 Microsoft Visual FoxPro 最常见的问题。在您求助 Microsoft 产品支持服务之前,请先查阅这张列表。...

Global site tag (gtag.js) - Google Analytics