none
asp中用了个table,但没加runat=“server",用js动态调动table添加和删除行,但在.cs获取不到table的数据 RRS feed

  • 问题

  • asp中用了个table,但没加runat=“server",用js动态调动table添加和删除行,但在.cs获取不到table的数据,网上有说可以用Request.Form("name属性")可以调用,但Table里又不能加name属性性,只有id属性,怎么办,怎么可以在后能获取table里面的通过js动态加入的数据?

    以下是前台aspx的html的table代码(注意,没有加runat="server")

       <table id="tbl1">
        <tr>
            <td>
                表头字段1
            </td>
            <td>
                表头字段2
            </td>
        </tr>
        <tr>
            <td>
                <input id="add1" type="text"size="15"/>
            </td>
            <td >
                <input id="add2" type="text" size="15"/>
            </td>
            <td>   
                <input id="add2" type="button" value="添加新行" size="15" onclick="addSort()"/>
            </td>
        </tr>
        </table>
        <table id="tbl2">
            <tr>
                <td>
                    表头字段1
                </td>
                <td>
                    表头字段2
                </td>
                <td>
                    操作
                </td>
            </tr>
            <tbody id="sortList"></tbody>
        </table>

    下面是js里动态添加table行和删除行的代码:

     function addSort() {
            var name1 = document.getElementById("add1").value;
            var name2 = document.getElementById("add2").value;
            if(name1 == "" ||name2=="") {
                return;
            }
            var row = document.createElement("tr");
            row.setAttribute("id", name1);
            var cell = document.createElement("td");
            cell.appendChild(document.createTextNode(name1));
            row.appendChild(cell);
            var cell = document.createElement("td");
            cell.appendChild(document.createTextNode(name2));
            row.appendChild(cell);;
           
            var deleteButton = document.createElement("input");
            deleteButton.setAttribute("type", "button");
            deleteButton.setAttribute("value", "删除");
            deleteButton.onclick = function () { deleteSort(name1); };
            cell = document.createElement("td");
            cell.appendChild(deleteButton);
            row.appendChild(cell);
            document.getElementById("sortList").appendChild(row);
            document.getElementById("add").value = "";     
            function deleteSort(delme) {
            if (delme!=null){
                var rowToDelete = document.getElementById(delme);
                var sortList = document.getElementById("sortList");
                sortList.removeChild(rowToDelete);
            }
        } 
    }

    2012年4月25日 2:16

答案

全部回复