How to insert a string to a text field programatically in JavaScript

Question

I would like to add a string of text to a text field using JavaScript but I don't want to use the onClick or onLoad events to do so.

I simply want the JavaScript to be executed as soon as the browser reads it and the JavaScript will be within the body of the html.

The text field is something like:

<form action="" method="post" name="formname" id="user-registration-form">
    <input type="text" name="edit-form" id="edit-form" />
</form>

I have tried something like this but it doesn't work:

<script type="text/javascript"> edit-form.value="the new value"; </script>

How can I do this?

niksvp · Accepted Answer · 2011-06-02 13:21:21Z

8

did you try getting this by document.getElementById()

<script type="text/javascript"> document.getElementById("edit-mail").value="the new value"; </script>

assuming edit-mail is your textbox id

answered Jun 2, 2011 at 13:21

niksvp

5,5512 gold badges28 silver badges43 bronze badges

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

Comments

Navaneethan · Accepted Answer · 2011-06-02 13:22:19Z

0

Try

document.getElementById("edit-mail").value="he new value"

answered Jun 2, 2011 at 13:22

Navaneethan

2,2656 gold badges24 silver badges32 bronze badges

Comments

James · Accepted Answer · 2011-06-02 13:25:11Z

0

A lot of the time you don't have the luxury of all the form elements having ids. This is how you can make it work with the field only having a name attribute:

document.getElementById('user-registration-form').elements['edit-form'].value = 'new value';

answered Jun 2, 2011 at 13:25

James

22.4k5 gold badges29 silver badges44 bronze badges

Comments

jlink · Accepted Answer · 2011-06-02 13:26:01Z

0

var textfield = document.getElementByName("x");
textfield.value = "My text";

or directly document.getElementByName("x").value = "My text";

Instead of using getElementByName you can use getElementById if you want to get your element depending of its id instead of its name.

answered Jun 2, 2011 at 13:26

jlink

6927 silver badges24 bronze badges

Comments

Rob · Accepted Answer · 2012-08-12 14:28:11Z

0

<script type="text/javascript">
document.formname.edit-mail.value="the new value";
</script>

edited Aug 12, 2012 at 14:28

Rob

441k74 gold badges850 silver badges1.1k bronze badges

answered Jun 2, 2011 at 13:21

Awais Qarni

18k25 gold badges80 silver badges145 bronze badges

1 Comment

Rob Over a year ago

I've tweaked the answer for what I presume was a typo. Hope you don't mind.

Collectives™ on Stack Overflow

How to insert a string to a text field programatically in JavaScript

5 Answers 5

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related