帮帮忙、多谢-Java教程-爱易网页

帮帮忙、多谢

日期：2014-05-17　浏览次数：20967 次

各位大哥帮帮忙、谢谢！
页面中有一个表格、只有一个表头，旁边有一个按钮。当点击增加按钮的时候、会增加一个tr，每个tr里面有七个td,每个td里面有一个文本框。文本框里是会写数据的、增加几个tr不确定。提交这个表单时怎么获取并保存这些 td 里文本框的值。

------解决方案--------------------
各位大哥，如何实现上传下载呀，java
------解决方案--------------------
把每一列的td的id定义为同样的名字，后台可以得到相应的一个数组，数组的长度就是tr的行数。
------解决方案--------------------

HTML code


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        
        <script type="text/javascript">
            function addPerson(){
                
                //1创建<td>对象
                var nameTd = document.createElement("td");
                var nameInput = document.createElement("input");
                nameInput.setAttribute("name", "name");// 给<input>标签的name属性赋值为name  <input type='text' name='name'>
                nameTd.appendChild(nameInput);
                
                var birthTd = document.createElement("td");
                var birthInput = document.createElement("input");
                birthInput.setAttribute("name", "birth");
                birthTd.appendChild(birthInput);
                
                var emailTd = document.createElement("td");
                var emailInput = document.createElement("input");
                emailInput.setAttribute("name", "email");// 给<input>标签的name属性赋值为email
                emailTd.appendChild(emailInput);
                
                    //增加一个删除按钮(难点)
                var delTd = document.createElement("td");
                var delInput = document.createElement("input");
                delInput.value="delPsrson";
                delInput.type="button";
                    /*两个注意点：
                     * 1加入了onclick属性
                     * 2赋值时不能这样写：=delPerson(this)，这表示传的是调用函数的值
                     */
                delInput.onclick=function(){
                                    delPerson(this);  //表示调用delPerson()方法
                                };    
                delTd.appendChild(delInput); 
                
                //32创建tr
                var tr = document.createElement("tr");
                tr.appendChild(nameTd);
                tr.appendChild(birthTd);
                tr.appendChild(emailTd);
                tr.appendChild(delTd);
                
                //3添加tr
                var tb = document.getElementById("tb");
                tb.appendChild(tr);
            }
            
            function delPerson(tag){        //注意不要写delete，是JS中的关键字
                var tr = tag.parentNode.parentNode;
                var tb = document.getElementById("tb");
                tb.removeChild(tr);
            }
            
            function getPerson(){
                var name = document.getElementsByName("name");
                var birth = document.getElementsByName("birth");
                var email = document.getElementsByName("email");
                
                for(var i=0;i<name.length;i++){
                    alert(name[i].value+"    "+birth[i].value+"    "+email[i].value);
                }
            }
        </script>
    </head>
    <body id="b">
        
        <input type="button" value="add person"  onclick="addPerson();"/>
         <input type="button" value="get person"  onclick="getPerson();"/>
         <table border=2>
             <tbody id="tb">

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

帮帮忙、多谢

相关资料更多>

推荐阅读更多>