Set asp.net textbox value using javascript

Question

I want to set the value of a asp.net textbox using javascript

My JS Code is:

document.getElementById('<%=txtFlag.ClientID %>').value = "Track";

My textbox is:

<asp:TextBox ID="txtFlag" runat="server" Visible="False"></asp:TextBox>

But it gives me an error document.getElementById(...)' is null or not an object

I dont understand what is wrong.

Please help.

<asp:TextBox ID="txtFlag" runat="server" Visible="False"></asp:TextBox> — user2124167
– user2124167, Commented Jan 10, 2014 at 5:25
Because i want that value in my codebehind file. I dont want it displayed on the page — user2124167
– user2124167, Commented Jan 10, 2014 at 5:47

Abhitalks · Accepted Answer · 2014-01-10 05:36:39Z

8

<asp:TextBox ID="txtFlag" runat="server" Visible="False"></asp:TextBox>

Setting visible=false will cause this textbox to not appear in the rendered page. Remove this, and add display:none;

<asp:TextBox ID="txtFlag" runat="server" style="display:none;"></asp:TextBox>

answered Jan 10, 2014 at 5:36

Abhitalks

28.5k6 gold badges61 silver badges82 bronze badges

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

Comments

The Hungry Dictator · Accepted Answer · 2014-01-10 05:33:02Z

5

Try including the ClientIDMode property in your textbox

<asp:TextBox ID="txtFlag" runat="server" Visible="False" 
                                     ClientIDMode="Static"></asp:TextBox>

edited Jan 10, 2014 at 5:33

The Hungry Dictator

3,4845 gold badges41 silver badges56 bronze badges

answered Jan 10, 2014 at 5:27

MusicLovingIndianGirl

5,9459 gold badges38 silver badges65 bronze badges

Comments

Sain Pradeep · Accepted Answer · 2014-01-10 05:43:59Z

4

You are calling javascript before complete document load. Please write your javascript code on document.ready function like this

 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript">

        $(document).ready(function() {
        document.getElementById('<%=txtFlag.ClientID %>').value = "Track";
        });

    </script>

And second thing is that use display none in place of visible false or use hidden field control

<asp:TextBox ID="txtFlag" runat="server" style="display:none;"></asp:TextBox>

answered Jan 10, 2014 at 5:43

Sain Pradeep

3,1351 gold badge24 silver badges34 bronze badges

Comments

salah9 · Accepted Answer · 2014-01-10 05:43:55Z

3

Solution 1:

Make that textbox as visible=true and try,

When you make a control as visible false, that control will not be loaded in client side and as you knew javascript will be executed on client side itself.

Solution 2:

Add this javascript at the end of the page.

answered Jan 10, 2014 at 5:43

salah9

5021 gold badge11 silver badges22 bronze badges

3 Comments

The Hungry Dictator Over a year ago

Buddy he dont want to display that so solution 1 will be wrong

salah9 Over a year ago

At the time of answering he havent gave that information, as you said hiddenfield can be used instead of textbox..

SANDEEP Over a year ago

in my case textbox is visible but still value not assign

The Hungry Dictator · Accepted Answer · 2014-01-10 05:32:05Z

2

document.getElementById('txtFlag').value='Track'

try this

edited Jan 10, 2014 at 5:32

The Hungry Dictator

3,4845 gold badges41 silver badges56 bronze badges

answered Jan 10, 2014 at 5:27

Karthick Kumar

2,3751 gold badge19 silver badges30 bronze badges

Collectives™ on Stack Overflow

Set asp.net textbox value using javascript

5 Answers 5

Comments

Comments

Comments

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related