黑马程序员技术交流社区

标题: subsel里面的所有的option项为什么删不干净啊 [打印本页]
作者: hhmm665544    时间: 2014-4-15 17:44
标题: subsel里面的所有的option项为什么删不干净啊
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>无标题文档</title>
  6. <script type="text/javascript">

  8.                
  9. function change()
  10. {
  11.         var arr = [["---选择城市---"],
  12.                         ["海淀区","朝阳区","东城区","西城区"],
  13.                         ["广州","深圳","东莞","珠江"],
  14.                         ["长沙","湘潭","株洲","邵阳"],
  15.                         ["济南","青岛","烟台","威海"],
  16.                         ["沈阳","大连","鞍山","抚顺"]
  17.                 ];
  18.                
  19.         var selNode = document.getElementById("sel");
  20.         var index = selNode.selectedIndex;
  21.         var citys = arr[index];
  22.        
  23.         var subNode = document.getElementById("subsel");
  24.        
  25.         //删除subsel里面的所有的option项
  26.         for(var x=0;x<subNode.options.length;x++)
  27.         {
  28.                 subNode.remove(subNode.options[x]);
  29.         }
  30.        
  31.         for(var x=0;x<citys.length;x++)
  32.         {
  33.                 var optNode = document.createElement("option");
  34.                 optNode.innerText = citys[x];
  35.                 subNode.appendChild(optNode);
  36.         }
  37. }
  38. </script>
  39. </head>

  41. <body>
  42. <select id="sel" onchange="change()">
  43.         <option>---选择省市---</option>
  44.     <option>北京</option>
  45.     <option>广东</option>
  46.     <option>湖南</option>
  47.     <option>山东</option>
  48.     <option>辽宁</option>
  49. </select>
  50. <select id="subsel">
  51.         <option>---选择城市---</option>
  52. </select>
  53. </body>
  54. </html>
复制代码




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2