How to get text of a TextBox and send it from JavaScript to code-behind using QueryString

Question

I know I'm asking 2 questions but I'm really stuck. I have a form for adding and updating records and when I click the Update button(my Add works fine with the pop-up), I want a pop-up to appear with the properties of the record I get from my script(i.e. every texbox/dropdownlist filled with the correct values).

This is my script:

function btnEditEP_Click() {
            var recID = document.getElementById('<%=tboxEdit.ClientID%>').textContent;
            //if (recID !=null) {
            //    alert("ok what now?");
            //}
            window.open("editPopupEP.aspx?Txt=" + recID, "_blank", "toolbar=yes", "resizable=yes", "scrollbars=yes");
        }

And this is my PageLoad in editPopupEp.aspx.cs

protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                int recID = Convert.ToInt32(Request.QueryString["Txt="]);
                ...
                ..
                .

If I can get the record ID, populating the input fields is easy but I need/want to get the Text of the Textbox and receive it from codebehind with QueryString.

The pop-up window works and there are no errors but the recID has 0 in it and there is no such record.

Hitin · Accepted Answer · 2015-07-29 14:15:12Z

1

In the below line you are using textContent, it is not available in IE8 or below. Are you by any chance working on IE8?

var recID = document.getElementById('<%=tboxEdit.ClientID%>').textContent;

You can try something like this otherwise:

var recID =  document.getElementById('<%=tboxEdit.ClientID%>').value;

In your page_load event, you can use the below code:

int recID = Convert.ToInt32(Request.QueryString["Txt"]);

Use above code if textbox will always have integer value otherwise use below code.

int recID;
if(Int32.TryParse(Request.QueryString["Txt"], out recID))
{
 //Do whatever you want to do with recID
}

answered Jul 29, 2015 at 14:15

Hitin

4429 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Simon · Accepted Answer · 2015-07-29 13:41:26Z

1

You have to omit the equal sign when accessing the QueryString collection, like this:

Request.QueryString["Txt"]

answered Jul 29, 2015 at 13:41

Simon

1281 silver badge7 bronze badges

6 Comments

ardatosun Over a year ago

I get this error when I do that {"Input string was not in a correct format."}

Simon Over a year ago

This probably means that the conversion with Convert.ToInt32 failed because the input is not a valid string (probably because it's null). This would mean that there is no "Txt" QueryString present. Have you tried to set a breakpoint and check the contents of Request.QueryString?

ardatosun Over a year ago

It appears to be {Txt=}. I removed the equal sign from Request.QueryString though.

Simon Over a year ago

I think this means that the query parameter Txt is present, but without value. If it would have a value, it would look like this: {Txt=1234} So this makes me believe you are not setting the Txt query param in your JS correctly. What's the value of recID?

Simon Over a year ago

Also, you could always try to manually open the editPopupEP.aspx page and pass it a hard-coded record ID. This would help you figure out if you have a problem in your JS or in your code-behind.

|

Collectives™ on Stack Overflow

How to get text of a TextBox and send it from JavaScript to code-behind using QueryString

2 Answers 2

Comments

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related