获取在ASP.net中由Javascript添加的元素的值

时间:2016-03-01 17:42:14

标签: javascript c# asp.net webforms controls

我有一个网页表单,我在其中动态生成某些文本框和下拉列表,因此它们没有控件。 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[]

2 个答案:

答案 0 :(得分:0)

本文将帮助您了解如何根据您的问题获取和解析html数据

http://www.codeproject.com/Articles/1040510/Grab-and-Parse-HTML-Data-Through-POST-in-Csharp

答案 1 :(得分:0)

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