设置输入字段的值

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

当前回答

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

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

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

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

你也可以试试:

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

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

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

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

或者，使用JavaScript:

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

快乐编码:)

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

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

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

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

推荐文章