Hi Kindly help me in reading multiple text box values in array using Java Script Thanks My Code is shown belowltscript typetextjavascriptgt function GetTBValues fori 0 i ltdocumentforms0elementslength i elm documentforms0elementsi if elmtypetext ampamp elmname DynamicTextBox alertelmvalue var readvalues

How to read Multiple TextBoxe values in array using Java Script

alibasha

SOLVED CLOSED ACTIVE ANSWERED
User: alibasha
Posted: on Jan 08, 2014 06:57 AM
Forum: JavaScript
Answer: 2
Views: 5000

Hi,

Kindly help me in reading multiple text box values in array using Java Script. Thanks. My Code is shown below.

alert(elm.value); var readvalues[]; read } }

}

<asp:Panel ID="PnlDirections" runat="server" Visible="false"> <div id ="directionpanel" style="height: 390px;overflow: auto"></div> </asp:Panel>

</asp:panel> </div> </td> <td> <div id ="map" style="height: 390px; width: 489px"></div> </td> </tr> </table>

Azim

0 8

Reply
ANSWER
User: Azim
Replied: on Jan 09, 2014 02:26 AM
Report

Ref:Creating Dynamic TextBox Controls in ASP.Net

HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Dynamic TextBox Example</title>
    <script type="text/javascript">
        function GetValues() {
            var x = document.getElementById("<%=pnlTextBox.ClientID %>");
            var txt = 0;
            for (var i = 0; i < x.childNodes.length; i = i + 2) {
                txt = txt + parseInt(x.children[i].value);
            }
            alert(txt)
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button Text="calc" OnClientClick="GetValues();return false;" runat="server" />
    </div>
    </form>
</body>
</html>

C#:

public Panel pnlTextBox;
    protected void Page_PreInit(object sender, EventArgs e)
    {
        //Create a Dynamic Panel
        pnlTextBox = new Panel();
        pnlTextBox.ID = "pnlTextBox";
        pnlTextBox.BorderWidth = 1;
        pnlTextBox.Width = 300;
        this.form1.Controls.Add(pnlTextBox);

        //Create a LinkDynamic Button to Add TextBoxes
        LinkButton btnAddtxt = new LinkButton();
        btnAddtxt.ID = "btnAddTxt";
        btnAddtxt.Text = "Add TextBox";
        btnAddtxt.Click += new System.EventHandler(btnAdd_Click);
        this.form1.Controls.Add(btnAddtxt);
        //Recreate Controls
        RecreateControls("txtDynamic", "TextBox");
    }
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void btnAdd_Click(object sender, EventArgs e)
    {
        int cnt = FindOccurence("txtDynamic");
        CreateTextBox("txtDynamic-" + Convert.ToString(cnt + 1));
    }
    private int FindOccurence(string substr)
    {
        string reqstr = Request.Form.ToString();
        return ((reqstr.Length - reqstr.Replace(substr, "").Length) / substr.Length);
    }
    private void RecreateControls(string ctrlPrefix, string ctrlType)
    {
        string[] ctrls = Request.Form.ToString().Split('&');
        int cnt = FindOccurence(ctrlPrefix);
        if (cnt > 0)
        {
            for (int k = 1; k <= cnt; k++)
            {
                for (int i = 0; i < ctrls.Length; i++)
                {
                    if (ctrls[i].Contains(ctrlPrefix + "-" + k.ToString()) && !ctrls[i].Contains("EVENTTARGET"))
                    {
                        string ctrlID = ctrls[i].Split('=')[0];

                        if (ctrlType == "TextBox")
                        {
                            CreateTextBox(ctrlID);
                        }
                        break;
                    }
                }
            }
        }
    }
    private void CreateTextBox(string ID)
    {
        TextBox txt = new TextBox();
        txt.ID = ID;
        pnlTextBox.Controls.Add(txt);

        Literal lt = new Literal();
        lt.Text = "<br />";
        pnlTextBox.Controls.Add(lt);
    }

Thank You.

alibasha

0 9

Reply
ANSWER
User: alibasha
Replied: on Jan 13, 2014 03:26 AM
Report

Hi Friends,

Thanks for your kind help, specially Mudassar, Pradeep and Azim. I achived this in the code behing. Like below.

 protected string Values;        protected void Post(object sender, EventArgs e)
        {
            string[] textboxValues = Request.Form.GetValues("DynamicTextBox");
            JavaScriptSerializer serializer = new JavaScriptSerializer();
            this.Values = serializer.Serialize(textboxValues);        }

The entire piece of code where user can create dynamic Text Boxes and to read its values in code behind, is basically I have taken from aspsniipets forum which was posted by Mr.Mudassar founder of this forum. So Thanking him again.

How to read Multiple TextBoxe values in array using Java Script

Company

Explore

Follow us

Contact Us