MakeIT II

We think, we believe then we make it

2010-01-06

利用CreateElement在前端產生的HTML，在ASP.Net後端程式碼要如何抓值呢

在撰寫前端(Client)的頁面時，有時會遇到必須要動態的去新增一些Html的Tag，例如說輸入用text等等，那麼這些動態產生的Tag，經過submit到APS.Net的程式碼中要如何去抓值呢？例如前端的HTML是下面的方式

在撰寫前端(Client)的頁面時，有時會遇到必須要動態的去新增一些Html的Tag，例如說輸入用text等等，那麼這些動態產生的Tag，經過submit到APS.Net的程式碼中要如何去抓值呢？例如前端的HTML是下面的方式

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <script type="text/javascript">
        function AddEl() {
            var newText = document.createElement('input');
            newText.type = "text";
            newText.setAttribute("id", "newID");
            newText.setAttribute("name", "newID");
            newText.setAttribute("onkeypress", "KeyPress()");
            document.getElementById('content').appendChild(newText);
        }

        function TextChangeEvent() {
            document.getElementById('labMsg').innerText = "TextChange";
        }

        function KeyPress() {
            document.getElementById('labMsg').innerText = "KeyPress";
        }
    </script>

</head>
<body>
    <form id="form1" runat="server">

    <label id="labMsg">
        Message</label>
    <input type="button" value="123" onclick="AddEl()" />
    <input  id="oldID" name="oldID" type="text" onkeypress="KeyPress()" />
    <asp:Button ID="Button1" runat="server"
        Text="Button" />
     <div id="content">
    </div>
    </form>
    
</body>
</html>

在後端程式碼中，可以利用下面的方式去取值

Request.Form("name")

要特別注意的是，動態產生的Html Tag要給予name值，光給id是抓不到值得喔。

PS：特別感謝 木*3 、 小朱 的熱情指導

系列文章