How to set value of textbox created in code behind in javascript

Question

I'm creating a textbox in the code behind:

TextBox txt = new TextBox();
txt.ID = "txtRef" + count + dr["DataField"].ToString();
div.Controls.Add(txt);

And I'm trying to set the value for this textbox in a jquery function but nothing I have tried so far is updating the textbox.

Using document.getElementById('txtRef1j.3rdPartRef').value = 'test'; returns the error Cannot set property 'value' of null.

I also tried $('#txtRef1j.3rdPartRef').val('test') and $('[id$="txtRef1j.3rdPartRef"]').value = 'test'; but the textbox doesn't update.

@Lalit Yes ID in the code behind is txtRef1j.3rdPartRef. If I check the console for the ID its id="ctl00_ContentPlaceHolder1_txtRef1j.3rdPartRef". I have also tried using this ID but it still won't update the textbox — user123456789
– user123456789, Commented Nov 14, 2017 at 11:25

Petrashka Siarhei · Accepted Answer · 2017-11-14 11:40:31Z

1

Try it: $('[id$="txtRef1j.3rdPartRef"]')[0].value = 'test'; or document.getElementById('txtRef1j.3rdPartRef')[0].value = 'test'; or $('[id$="txtRef1j.3rdPartRef"]').get(0).value = 'test'; or

    document.querySelector('[id$="txtRef1j.3rdPartRef').value = 'test'

or

$('[id$="txtRef1j.3rdPartRef"]').val('test');`

You have errors because jquery object don't has property value,only Dom element has proerty value . When you use document.getElementById, you get NodeList , it is not a Dom-Element. You can read: https://developer.mozilla.org/en-US/docs/Web/API/NodeList

edited Nov 14, 2017 at 11:40

answered Nov 14, 2017 at 11:26

Petrashka Siarhei

73210 silver badges12 bronze badges

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

1 Comment

user123456789 Over a year ago

$('[id$="txtRef1j.3rdPartRef"]')[0].value = 'test'; worked thanks.

y.hussain · Accepted Answer · 2017-11-14 11:22:02Z

0

You can try this.

$('#txtRef1j.3rdPartRef').text('test')

answered Nov 14, 2017 at 11:22

y.hussain

191 silver badge4 bronze badges

1 Comment

William Patton Over a year ago

Hey, it seems this doesn't work as to solve OPs question however for future answers try to include some reference material or a description of what the code done.

Chidambaram · Accepted Answer · 2017-11-14 11:34:09Z

0

Check whether the textbox name you set is same in the HTML DOM. Right click the textbox and see the ID by inspect element. If it is not same as you built in c#, then add a line of code txt.ClientIDMode = ClientIDMode.Static; The ID will not be same as it generates dynamic textbox ID.

If the ID is same and still if not working, then run the given jquery and javascript statements in browser console and try they are working or not.

F12, goto console, paste $("#ctl00_ContentPlaceHolder1_txtRef1j.3rdPartRef").val('test'); and press enter. If the value is getting set, then its because of dynamic ID. just add the client id mode as static and it will work.

edited Nov 14, 2017 at 11:34

answered Nov 14, 2017 at 11:27

Chidambaram

4444 silver badges14 bronze badges

Collectives™ on Stack Overflow

How to set value of textbox created in code behind in javascript

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related