Textbox is empty after filling with javascript

Question

I create textbox by this code:

<div style="clear:left;">
    <asp:TextBox TextMode="MultiLine" runat="server" ID="selectText" ReadOnly="true" Width="560px" Height="50px"></asp:TextBox>
</div>

I fill it by this code:

elSelText.value = elSelText.value.substr(0, position) + chosenoption2.value + " ";

And then i try to send value in textbox to server, but it's empty!

protected void btnUseSelectClick(object sender, EventArgs e)
    {
        sourceDetails.SelectCommand += " and " + selectText.Text;
        Session["FilterSelectCommand"] = sourceDetails.SelectCommand;
        tableResults.DataBind();
    }

On the advice I added AutoPostBack="true":

<div style="clear:left;">
    <asp:TextBox TextMode="MultiLine" runat="server" AutoPostBack="true" ID="selectText" ReadOnly="true" Width="560px" Height="50px"></asp:TextBox>
</div>

but it didn't help

Just a guess, but does removing ReadOnly="true" make a difference? — D Stanley
– D Stanley, Commented Jan 17, 2013 at 14:49
The value of the textbox is empty because the server doesn't know it has changed. The server needs to be notified somehow. Typically this is done with either a full or partial postback. — Daniel
– Daniel, Commented Jan 17, 2013 at 14:51
@Doc I think that's what protected void btnUseSelectClick() { } is for — Ian
– Ian, Commented Jan 17, 2013 at 15:00
@DStanley I don't think it would. The value wouldn't be submitted if it were disabled, but readonly shouldn't make a difference. I could be wrong though — Ian
– Ian, Commented Jan 17, 2013 at 15:01
@DStanley, you advice helped me but what if it important to stay textbox readonly? — user1848942
– user1848942, Commented Jan 17, 2013 at 15:02

Ian · Accepted Answer · 2013-01-17 15:18:17Z

2

Although it's news to me, it seems that the ReadOnly property doesn't keep track of changes from the client. If you want the "readonly" functionality but still get the value on the server, put the following in your Page_Load method:

selectText.Attributes.Add("readonly", "readonly");

And remove the ReadOnly (and AutoPostBack) property in the <asp:TextBox> tag.

( From: http://aspadvice.com/blogs/joteke/archive/2006/04/12/16409.aspx and http://forums.asp.net/t/1467081.aspx - it was a fairly quick find with Google)

edited Jan 17, 2013 at 15:18

answered Jan 17, 2013 at 15:07

Ian

51k13 gold badges104 silver badges111 bronze badges

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

Comments

Hieu Le · Accepted Answer · 2013-01-17 14:55:45Z

0

Maybe a problems of ViewState. Try add the check of Page.IsPostBack in the page load event like this:

If(!Page.IsPostBack)
{
    // Data binding for the first call
}

answered Jan 17, 2013 at 14:55

Hieu Le

8,4351 gold badge36 silver badges55 bronze badges

Comments

Destrictor · Accepted Answer · 2013-01-17 15:06:59Z

0

I believe this is due to ReadOnly: ASP.Net registers which controls are readonly when sending you the page.

The value of these controls is discarded when posting back, and it is regotten (from ViewState I believe).

A workaround for this would be not setting readonly="true" on the aspx page, but setting it with $(document).ready(your_function_here();) (if you're using jQuery) or with the body onLoad event.

answered Jan 17, 2013 at 15:06

Destrictor

7521 gold badge4 silver badges15 bronze badges

Collectives™ on Stack Overflow

Textbox is empty after filling with javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related