how to set value in input by JavaScript?

Question

I have input field with id txt1 but I am unable to change the value from JavaScript.

<form action=""> 
First name: <input type="text" id="txt1" onkeyup="showHint(this.value)">
</form>

<script>
  document.getElementById('txt1').value('anyvalue1111');
</script>

Note: I find on stackoverflow how to change input value but could not found any answer. Title of the question save lot of time. It is valid question in this way.

Possible duplicate of [Set the value of an input field](https://stackoverflow.com/questions/7609130/set-the-value-of-an-input-field) — Ahmad Maleki, Mar 07 '18 at 06:44
Look at this answer: https://stackoverflow.com/a/7609144/5192642 — Vitalii Andrusishyn, Mar 07 '18 at 07:14

score 5 · Answer 1 · answered Mar 07 '18 at 06:39

5

value is a property and not a method.

document.getElementById('txt1').value = 'anyvalue1111';

answered Mar 07 '18 at 06:39

void

34,922
8
55
102

score 4 · Answer 2 · answered Mar 07 '18 at 06:40

4

Try this

<form action=""> 
    First name: <input type="text" id="txt1" onkeyup="showHint(this.value)">
    </form>

    <script>
    document.getElementById('txt1').value = 'Hello world!!';

    </script>

answered Mar 07 '18 at 06:40

Tibin

582
1
6
21

score 1 · Accepted Answer · answered Mar 07 '18 at 06:50

1

This syntax is for jQuery:

$('#txt1').val('anyvalue1111');

For Javascript use:

document.getElementById('txt1').value = 'anyvalue1111';

answered Mar 07 '18 at 06:50

Muhammad Yasin

393
3
11

how to set value in input by JavaScript?

3 Answers3