小开

最佳答案

这是一种方法:

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

小开

如果您的表单包含一个输入字段

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

然后你可以用javascript编写如下所示的代码来设置它的值为

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

小开

试试这些。

document.getElementById("current").value = 12


// or


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

小开

这是简单的;一个例子是:

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

小开

我使用'setAttribute'函数:

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

小开

简单的答案不是在Javascript中，获得占位符最简单的方法是通过占位符属性

<input type="text" name="text_box_1" placeholder="My Default Value" />

小开

答案很简单

// Your HTML text field


<input type="text" name="name" id="txt">


//Your javascript


<script type="text/javascript">
document.getElementById("txt").value = "My default value";
</script>

或者如果你想完全避免使用JavaScript:你可以只使用HTML来定义它

<input type="text" name="name" id="txt" value="My default value">

小开

你也可以试试:

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

小开

如果你使用多种表单，你可以使用:

<form name='myForm'>
<input type='text' name='name' value=''>
</form>


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

小开

document.getElementById("fieldId").value = "Value";

或

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

或

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

小开

<form>
<input type="number"  id="inputid"  value="2000" />
</form>




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

您也可以将默认值更改为新值

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

小开

这部分在html中使用

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

这是javaScript:

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

小开

直接访问

如果你使用ID，那么你可以直接访问JS全局作用域中的输入

myInput.value = 'default_value'

<input id="myInput">

小开

如果字段出于某种原因只有name属性，没有其他属性，你可以尝试这样做:

document.getElementsByName("INPUTNAME")[0].value = "TEXT HERE";

小开

2021的答案

而不是使用document.getElementById()，你现在可以使用document.querySelector()不同的情况

更多信息来自另一个StackOverflow答案:

querySelector让您找到具有不可能的规则的元素用getElementById和getElementsByClassName
表示

例子:

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

或

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

测试:

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

<input type="text" name="myInput" id="myInput" placeholder="Your text">

小开

<input id="a_name" type="text" />

下面是使用jQuery的解决方案:

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

或者，使用JavaScript:

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

快乐编码:)

小开

下面的代码工作得很好:

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

设置输入字段的值

直接访问

2021的答案