<input class="btn btn-primary" id="btnAdd" type="button" value="Input" onclick="AddTextBox()"> <br /> <br /> <div id="TextBoxContainer"> </div> <br /> <asp:Button ID="btnPost" Text="Submit" CssClass="btn btn-success" runat="server" OnClick="Post" />
<script type="text/javascript"> function GetDynamicTextBox(value) { return '<input name = "DynamicTextBox" type="text" value = "' + value + '" />' + '<input type="button" value="Remove" onclick = "RemoveTextBox(this)" />' } function AddTextBox() { var div = document.createElement('DIV'); div.innerHTML = GetDynamicTextBox(""); document.getElementById("TextBoxContainer").appendChild(div); } function RemoveTextBox(div) { document.getElementById("TextBoxContainer").removeChild(div.parentNode); } function RecreateDynamicTextboxes() { var values = eval('<%=Values%>'); if (values != null) { var html = ""; for (var i = 0; i < values.length; i++) { html += "<div>" + GetDynamicTextBox(values[i]) + "</div>"; } document.getElementById("TextBoxContainer").innerHTML = html; } } window.onload = RecreateDynamicTextboxes; </script>
protected void Post(object sender, EventArgs e) { string[] textboxValues = Request.Form.GetValues("DynamicTextBox"); JavaScriptSerializer serializer = new JavaScriptSerializer(); this.Values = serializer.Serialize(textboxValues); string message = ""; foreach (string textboxValue in textboxValues) { message += textboxValue + "\\n"; } ClientScript.RegisterClientScriptBlock(this.GetType(), "alert", "alert('" + message + "');", true); }
function AddTextBox() { for (var i = 0; i < 4; i++) { var div = document.createElement('DIV'); div.innerHTML = GetDynamicTextBox(""); document.getElementById("TextBoxContainer").appendChild(div); } }
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)