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: 4136

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>

Download FREE API for Word, Excel and PDF in ASP.Net

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.

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

How to read Multiple TextBoxe values in array using Java Script

Company

Explore

Follow us

Contact Us