获取 ASP.net 中 Javascript 添加的元素的值答案

【问题标题】：Get value of element which is added by Javascript in ASP.net获取 ASP.net 中 Javascript 添加的元素的值
【发布时间】：2016-06-14 06:33:30
【问题描述】：

我有一个网络表单，我在其中动态生成某些文本框和下拉菜单，因此它们没有控件。 html代码看起来像

<table id="tblcomponent">
                <tr>
                    <td>Name                            
                    </td>
                    <td>Type
                    </td>
                    <td>Stock
                    </td>
                    <td>Color
                    </td>
                    <td>Finishing
                    </td>
                    <td>Qty
                    </td>
                </tr>

                <tr>
                    <td>
                        <input type="text" name="Name" />
                    </td>
                    <td>
                        <select name="Type">
                            <option>Type1</option>
                            <option>Type2</option>
                            <option>Type3</option>
                        </select>
                    </td>
                    <td>
                        <select name="Stock">
                            <option>Stock1</option>
                            <option>Stock2</option>
                            <option>Stock3</option>
                        </select>

                    </td>
                    <td>
                        <select name="Color">
                            <option>Color1</option>
                            <option>Color2</option>
                            <option>Color3</option>
                        </select>
                    </td>
                    <td>
                        <select name="Finishing">
                            <option>Finishing1</option>
                            <option>Finishing2</option>
                            <option>Finishing3</option>
                        </select>

                    </td>
                    <td>

                        <input type="number" name="Qty" />

                    </td>

                    <td>

                        <button type="button" onclick="AddRow("tblcomponent")" cursor: pointer;">Add</button>                     
                    </td>
                </tr>
            </table>

每次单击添加按钮时，它都会通过在表格元素中添加来生成类似的行。现在我正在尝试获取所有行的值，但不确定如何使用Request.Form[]？

【问题讨论】：

标签： javascript c# asp.net webforms controls

【解决方案1】：

通过 asp:table 使整个表在服务器端运行。如果您给表格一个 ID 并设置 runat="server"，您将能够通过服务器端代码处理所有事件，而无需使用 javascript 解析信息。使您的“添加”按钮成为服务器端事件以及您需要通过表解析的任何事件。如果您需要进行客户端编码，请为常规 HTML 表提供一个 id，并使用 jQuery 使用 $("#YourTableID")[0].rows[index].cells[index].outerText 之类的方式对其进行解析。

【讨论】：