直接访问

Question

如何在JavaScript中设置表单<input>文本字段的默认值？

Answer 1

这是一种方法：

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

Answer 2

如果您的表单包含

之类的输入字段

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

然后你可以用javascript编写代码，如下所示，将其值设置为

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

Answer 3

我使用'setAttribute'功能：

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

Answer 4

试试这些。

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

// or

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

Answer 5

答案非常简单

// 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">

Answer 6

如果您使用多个表单，则可以使用：

var arr = [{data:[]},{data:[]},{data:[]}];
var arrays = {}
for(var i in arr){
arrays[i] = arr[i];
}
console.log(arrays);

Answer 7

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

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

Answer 8

这很简单;一个例子是：

<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>

Answer 9

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

或

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

或

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

Answer 10

您也可以尝试：

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

Answer 11

<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>

Answer 12

您在html中使用的这部分

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

这是javaScript：

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

Answer 13

直接访问

如果使用ID，则可以直接访问JS全局范围中的输入

myInput.value = 'default_value'

<input id="myInput">

Answer 14

如果由于某种原因该字段仅具有名称属性，而没有其他任何内容，则可以尝试以下操作：

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

Answer 15

2020年答案

您现在可以在不同情况下使用document.getElementById()来代替document.querySelector()

more info from another StackOverflow answer:

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">

Answer 16

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

这是使用 jQuery 的解决方案：

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

或者，使用 JavaScript：

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

快乐编码:)

Answer 17

这对我有用

//HTML
<div id="mytext">Some Text Value</div>

// JavaScript
document.getElementById("mytext").value = "My value";

设置输入字段的值

17 个答案:

直接访问

2020年答案