设置输入字段的值

Question

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

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

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

这是使用的解决方案jQuery：

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

或者，使用JavaScript：

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

Answer 7

如果您使用多个表单,则可以使用:

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

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

Answer 8

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!';

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

Answer 9

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

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

Answer 10

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

或者

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

或者

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

Answer 11

这很简单; 一个例子是:

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