您将如何<input>在 JavaScript 中设置表单文本字段的默认值？
问问题
1682095 次
18 回答
983
这是一种方法：
document.getElementById("mytext").value = "My value";
于 2011-09-30T10:33:16.733 回答
71
我使用'setAttribute'函数：
<input type="text" id="example"> // Setup text field
<script type="text/javascript">
document.getElementById("example").setAttribute('value','My default value');
</script>
于 2014-06-18T14:37:46.180 回答
61
如果您的表单包含一个输入字段，例如
<input type='text' id='id1' />
然后你可以用javascript编写代码，如下所示，将其值设置为
document.getElementById('id1').value='text to be displayed' ;
于 2011-09-30T10:38:46.200 回答
22
如果您使用多个表单，则可以使用：
<form name='myForm'>
<input type='text' name='name' value=''>
</form>
<script type="text/javascript">
document.forms['myForm']['name'].value = "New value";
</script>
于 2017-03-17T14:42:41.627 回答
21
试试这些。
document.getElementById("current").value = 12
// or
var current = document.getElementById("current");
current.value = 12
于 2012-12-11T18:23:58.857 回答
20
2021答案
document.getElementById()您现在可以document.querySelector()用于不同的情况，而不是使用
querySelector让您可以找到具有无法用getElementByIdand表示的规则的元素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">于 2020-11-19T19:10:45.113 回答
18
答案很简单
// 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">
于 2015-09-02T05:59:15.147 回答
8
简单的答案不是在 Javascript 中获取占位符的最简单方法是通过占位符属性
<input type="text" name="text_box_1" placeholder="My Default Value" />
于 2014-08-06T15:38:37.437 回答
8
document.getElementById("fieldId").value = "Value";
或者
document.forms['formId']['fieldId'].value = "Value";
或者
document.getElementById("fieldId").setAttribute('value','Value');
于 2018-02-05T11:59:16.307 回答
6
这很简单; 一个例子是：
<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>
于 2014-04-04T08:00:55.957 回答
6
<input id="a_name" type="text" />
这是使用的解决方案jQuery：
$(document).ready(function(){
$('#a_name').val('something');
});
或者，使用JavaScript：
document.getElementById("a_name").value = "Something";
快乐编码:)
于 2021-04-08T06:39:08.193 回答
2
这对我有用
//HTML
<div id="mytext">Some Text Value</div>
// JavaScript
document.getElementById("mytext").value = "My value";
于 2021-04-16T08:55:41.967 回答
1
这部分你在 html 中使用
<input id="latitude" type="text" name="latitude"></p>
这是javaScript：
<script>
document.getElementById("latitude").value=25;
</script>
于 2019-01-03T08:13:23.367 回答
1
如果由于某种原因该字段只有一个名称属性而没有其他属性，您可以尝试以下操作：
document.getElementsByName("INPUTNAME")[0].value = "TEXT HERE";
于 2020-07-25T18:34:02.667 回答
1
<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>
于 2018-10-17T06:43:00.997 回答
0
直接访问
如果您使用 ID，那么您可以直接访问 JS 全局范围内的输入
myInput.value = 'default_value'<input id="myInput">于 2020-06-26T16:11:04.893 回答
0
你也可以试试：
document.getElementById('theID').value = 'new value';
于 2015-09-02T10:56:28.127 回答
0
以下代码运行良好：
var $div = ('#js-div-hour input');
$div.attr('value','2022/01/10');
于 2022-01-06T13:13:55.580 回答