动态添加表格!表格数据如何提交服务器?

1，用隐藏的hidden做中转
2，如果是c#后台，可用request.form[“name”]取值
3，ajax方式传递给服务端代理

可以集中放在一个有name的地方.用你的JS控制,然后到服务器再解释.
或者跟着同一个NAME的控件.在服务器用NAME获取.

参考这个：
[code=HTML]
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AddMobile.aspx.cs" Inherits="manage_AddMobile" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>后台管理——添加手机</title>
    <script type="text/javascript">
    var mtb=null;
    function addpara() {
        mtb=document.getElementById("tbMobileInfo");
        var insertRowIndex=mtb.rows.length-1;

        var n_tr=mtb.insertRow(insertRowIndex);//添加行
        n_tr.id="row"+insertRowIndex;

        var n_td_name=n_tr.insertCell(0);
        n_td_name.innerHTML="<input type=\"text\" style=\"width:80px;\"/>";
        var n_td_content=n_tr.insertCell(1);
        n_td_content.innerHTML="<input type=\"text\"/>  <a href=\"javascript:delRow('row"+insertRowIndex+"');\">删除</a>";    }

    function delRow(delRow) {
        var delRowIndex=document.getElementById(delRow).rowIndex;//查找要删除的行的索引
        mtb.deleteRow(delRowIndex);//删除行
    }
    function setNameStart(name) {
        var txtName=document.getElementById("txtName");
        if(name!="请选择")
            txtName.value=name;
        else
            txtName.value="";
    }

    function mysubmit() {
        var name=document.getElementById("txtName").value;
        var brand=document.getElementById("selBrand").value;
        if(brand=="请选择") {
            alert("请选择手机的品牌!");
            return false;
        }
        if(name=="" || name==brand) {
            alert('手机的名称必须填写且完整!');
            return false;
        }
        if(document.getElementById("txtPrice").value=="") {
            alert('手机的价格必须填写!');
            return false;
        }
        if(!confirm("确定您填写的信息正确完整了吗？"))
            return false;
        if(mtb!=null && mtb.rows.length>18) {
            var temp="";
            for(var r=17;r<mtb.rows.length-1;r++) {
                var d1=mtb.rows[r].cells[0].firstChild.value;
                var d2=mtb.rows[r].cells[1].firstChild.value;
                if(d1 !="" && d2 !="") {
                    temp+=d1+"^"+d2+"^";
                }
            }
            document.getElementById("otherItem").value=temp;
        }
    }

    </script>    <link href="Style1.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table id="tbMobileInfo" align="center">
            <tr>
                <td width="10%">手机品牌:
                </td>
                <td><select id="selBrand" runat="server" onchange="setNameStart(this.value)" >
                </select> 
                <a href="EditBrand.aspx">没有找到此品牌</a>
                </td>
            </tr>
            <tr>
                <td>手机名称：
                </td>
                <td><input type="text" id="txtName" runat="server" />
                </td>
            </tr>
            <tr>
                <td>实惠价格：
                </td>
                <td><input type="text" onkeypress="return ((event.keyCode>=48 &&event.keyCode<=57)||event.keyCode==95 ||event.keyCode==46);" onpaste="return !clipboardData.getData('text').match(/\D/)" id="txtPrice" runat="server" />
                </td>
            </tr>
            <tr>
                <td>手机小图：
                </td>
                <td><input type="file" id="File1" runat="server" />
                    (170×300)</td>
            </tr>
            <tr>
                <td>手机大图：
                </td>
                <td><input type="file" id="File2" runat="server" />
                    (400×400)</td>
            </tr>
            <tr>
                <th colspan="2" align="left">参数信息
                </th>
            </tr>
            <tr>
                <td>手机类型
                </td>
                <td><select id="selType" runat="server"></select></td>
            </tr>
            <tr>
                <td>屏幕色彩
                </td>
                <td><input type="text" id="txtScreenColor" runat="server" /></td>
            </tr>
            <tr>
                <td>分辨率(像素)
                </td>
                <td><input type="text" id="txtScreenSize" runat="server" /></td>
            </tr>
            <tr>
                <td>主屏参数
                </td>
                <td><input type="text" id="txtScreenPara" runat="server" /></td>
            </tr>
            <tr>
                <td>拍照功能
                </td>
                <td><input type="checkbox" id="chkpai" runat="server" /><label for="chkpai">支持</label>
                </td>
            </tr>
            <tr>
                <td>MP3功能
                </td>
                <td><input type="checkbox" id="chkmp3" runat="server" /><label for="chkmp3">支持</label>
                </td>
            </tr>
            <tr>
                <td>收音机功能
                </td>
                <td><input type="checkbox" id="chkfm" runat="server" /><label for="chkfm">支持</label>
                </td>
            </tr>
            <tr>
                <td>游戏功能
                </td>
                <td><input type="text" id="txtGame" runat="server" /></td>
            </tr>
            <tr>
                <td>蓝牙通信
                </td>
                <td><input type="checkbox" id="chkblue" runat="server" /><label for="chkblue">支持</label></td>
            </tr>
            <tr>
                <td>红外接口
                </td>
                <td><input type="text" id="txtInfrared" runat="server" /></td>
            </tr>
            <tr>
                <td>Java支持
                </td>
                <td><input type="text" id="txtJava" runat="server" /></td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                <input type="button" value="添加其它参数" onclick="addpara();" />
                </td>
            </tr>
        </table>
        <input type="submit" runat="server" onclick="return mysubmit()" id="btnSubmit" onserverclick="btnSubmit_ServerClick" value="提交"/>
        <input type="button" onclick="location=('ListMobile.aspx');" value="取消" />
        <input id="otherItem" type="hidden" runat="server" /></div>
    </form>
</body>
</html>

if (otherItem.Value != "")
            {
                string[] items = otherItem.Value.Split('^');
                int i = 0;
                while (i < items.Length / 2)
                {
                    //JoinString(ref str, mobileid, items[i*2], items[i*2 + 1]);处理数据
                    i++;
                }
            }

看的不是太懂-_-!
我的服务器端是PHP的我在插入单个商品到表格怎样定义隐藏表单的value?function insRow(x)
  {
  var Name1 = document.getElementById(x+"1").innerHTML;
  var Name2 = document.getElementById(x+"2").innerHTML;
  var Name3 = document.getElementById(x+"3").innerHTML;
  var x=document.getElementById('myTable').insertRow(0);
  var y=x.insertCell(0);
  var z=x.insertCell(1);
  var m=x.insertCell(2);
  var n=x.insertCell(3);
  y.innerHTML=Name1+"<input type='hidden' name='1' value='"+Name1+"'>";//value 改怎么定义如果直接是值的话,中文怎么办?
  z.innerHTML=Name2+"<input type='hidden' name='2' value='"+Name2+"'>";//应该是从0开始循环应该是以数组的形式提交式拆分
  m.innerHTML=Name3+"<input type='hidden' name='3' value='"+Name3+"'>";//在提交后以数组的形式才分,高手帮忙解决
  n.innerHTML="<div id='delete' onclick='deleteRow(this)'>删除</div>";
}高手帮忙解决

调试易

动态添加表格!表格数据如何提交服务器?

解决方案 »