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


当前回答

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

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

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

或者,使用JavaScript:

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

快乐编码:)

其他回答

如果你使用多种表单,你可以使用:

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

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

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

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

或者,使用JavaScript:

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

快乐编码:)

试试这些。

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

// or

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

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

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

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