WEB开发网
开发学院网页设计JavaScript Javascript 动态添加&删除列表框内容 阅读

Javascript 动态添加&删除列表框内容

 2010-09-14 13:34:54 来源:WEB开发网   
核心提示:点“添加参与人”按钮可以添加一行,每行后面都有一个删除按钮,Javascript 动态添加&删除列表框内容,可以删除所在行,“清空”则删除所有的行, 这种效果在需要批量添加数据的时候非常有用,可以在客户端添加完一批数据

点“添加参与人”按钮可以添加一行,每行后面都有一个删除按钮,可以删除所在行,“清空”则删除所有的行。   这种效果在需要批量添加数据的时候非常有用,可以在客户端添加完一批数据,然后通过AJAX一次提交给服务器处理,下面是完整代码:

Body部份:

   <div>
  <table width="613" border="0" cellpadding="2" cellspacing="1" id="SignFrame">
        <tr id="trHeader">
         <td width="27" bgcolor="#96E0E2">序号</td>
         <td width="64" bgcolor="#96E0E2">用户姓名</td>
         <td width="98" bgcolor="#96E0E2">电子邮箱</td>
         <td width="92" bgcolor="#96E0E2">固定电话</td>
         <td width="86" bgcolor="#96E0E2">移动手机</td>
         <td width="153" bgcolor="#96E0E2">公司名称</td>
         <td width="57" align="center" bgcolor="#96E0E2"> </td>
        </tr>
     </table>
   </div>
   <div>
     <input type="button" name="Submit" value="添加参与人" onclick="AddSignRow()" />
    <input type="button" name="Submit2" value="清空" onclick="ClearAllSign()" />
    <input name='txtTRLastIndex' type='hidden' id='txtTRLastIndex' value="1" />
   </div>

1 2 3 4 5  下一页

Tags:Javascript 动态 添加

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接