HTML页面动态增加下拉列表，求定位删除方法 -

羊小绵

浏览: 51934 次
性别:
来自: 沈阳

最近访客更多访客>>

cuker919

caok

147948505

yangxiaoqin5203344

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (44)

社区版块

存档分类

HTML页面动态增加下拉列表，求定位删除方法

HTML 动态增加定位删除

在页面上动态的增加下拉列表，也可以动态增加其他元素
缺点是删除的时候，只能从后往前删除，不知哪位大神有方法实现定位删除
<html>
<head>
<title>Untitled   Document</title>
<meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">
<script   language="javascript">

      LastTableID = 0;

      function add() {
          LastTableID = LastTableID + 1;

          adTable = document.getElementById('atb_' + LastTableID);
          if (adTable != null) {
              adTable.style.display = "block";
          }
          else {
              str = '<table id="atb_' + LastTableID + '" style="display:block">';
              str = str + '<tr height="25" align=center   valign=middle   bgcolor=#FFFFFF>';
              str = str + '<td width="70"><select id="select1_' + LastTableID + '"></select></td>';
              str = str + '</tr></table>';
              window.upid.innerHTML += str + '';
          }
      }

      function dellast() {

          //alert(LastTableID);

          if (LastTableID > 0) {

              deleTable = document.getElementById('atb_' + LastTableID);

              if (deleTable != null) {

                  deleTable.style.display = "none";

                  LastTableID = LastTableID - 1;
              }
          }

      }
</script>
</head>
<body>       7
<form name="myform">
        <table>
                <tr>
                        <td>
                                <input   name="Submit2"   type="button"   onclick="javascript:add()"   value="增加">
                                <input   type="button"   name="del"   onclick="javascript:dellast()"   value="删除">
                        </td>
                </tr>
                <tr>
                        <td>
                        <div   id="upid"></div>
                        </td>
                </tr>
        </table>
</form>
</body>
</html>

分享到：