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


当前回答

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

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

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

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

其他回答

直接访问

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

myInput。值= 'default_value' <输入id = " myInput " >

下面的代码工作得很好:

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

试试这些。

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

// or

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

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

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

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

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

2023的答案

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

更多信息从另一个堆栈溢出回答:

querySelector允许您找到具有不能被规则的元素 用getElementById和getElementsByClassName表示

例子:

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

or

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

测试:

document.querySelector(“输入[name = " myInput]”)。value = '任何你想要的!'; <input type="text" name="myInput" id="myInput" placeholder="Your text">