How would you set the default value of a form <input> text field in JavaScript?

0

18 Answers

This is one way of doing it:

document.getElementById("nameofid").value = "My value";
13

I use 'setAttribute' function: 

<input type="text"> // Setup text field <script type="text/javascript"> document.getElementById("example").setAttribute('value','My default value'); </script>
5

if your form contains an input field like 

<input type='text' id='id1' />

then you can write the code in javascript as given below to set its value as

document.getElementById('id1').value='text to be displayed' ;
1

If you are using multiple forms, you can use:

<form name='myForm'> <input type='text' name='name' value=''> </form> <script type="text/javascript"> document.forms['myForm']['name'].value = "New value"; </script>
5

Try out these. 

document.getElementById("current").value = 12 // or var current = document.getElementById("current"); current.value = 12
2

2021 Answer

Instead of using document.getElementById() you can now use document.querySelector() for different cases

more info from another StackOverflow answer:

querySelector lets you find elements with rules that can't be expressed with getElementById and getElementsByClassName

EXAMPLE:

document.querySelector('input[name="myInput"]').value = 'Whatever you want!';

or

let myInput = document.querySelector('input[name="myInput"]'); myInput.value = 'Whatever you want!';

Test:

document.querySelector('input[name="myInput"]').value = 'Whatever you want!';
<input type="text" name="myInput" placeholder="Your text">
2

The answer is really simple 

// Your HTML text field <input type="text" name="name"> //Your javascript <script type="text/javascript"> document.getElementById("txt").value = "My default value"; </script>

Or if you want to avoid JavaScript entirely: You can define it just using HTML

<input type="text" name="name" value="My default value">
2
<input type="text" />

Here is the solution using jQuery:

$(document).ready(function(){ $('#a_name').val('something'); });

Or, using JavaScript:

document.getElementById("a_name").value = "Something";

Happy coding :)

The simple answer is not in Javascript the simplest way to get the placeholder is through the place holder attribute

<input type="text" name="text_box_1" placeholder="My Default Value" />
4
document.getElementById("fieldId").value = "Value";

or

document.forms['formId']['fieldId'].value = "Value";

or

document.getElementById("fieldId").setAttribute('value','Value');
2

It's simple; An example is:

<input type="text"> // Setup text field <script type="text/javascript"> var elem = document.getElementById("example"); // Get text field elem.value = "My default value"; // Change field </script>

This does works for me

//HTML <div>Some Text Value</div> // JavaScript document.getElementById("mytext").value = "My value";

If the field for whatever reason only has a name attribute and nothing else, you can try this:

document.getElementsByName("INPUTNAME")[0].value = "TEXT HERE"; 
<form> <input type="number" value="2000" /> </form> <script> var form_value = document.getElementById("inputid").value; </script>

You can also change the default value to a new value

<script> document.getElementById("inputid").value = 4000; </script>

This part you use in html

<input type="text" name="latitude"></p>

This is javaScript:

<script> document.getElementById("latitude").value=25; </script>

You can also try:

document.getElementById('theID').value = 'new value';
1

Direct access

If you use ID then you have direct access to input in JS global scope

myInput.value = 'default_value'
<input>

The following code work perfectly well:

var $div = ('#js-div-hour input'); $div.attr('value','2022/01/10');