如何在JavaScript中设置一个表单<input>文本字段的默认值?
如果您的表单包含一个输入字段
<input type='text' id='id1' />
然后你可以用javascript编写如下所示的代码来设置它的值为
document.getElementById('id1').value='text to be displayed' ;
试试这些。
document.getElementById("current").value = 12
// or
var current = document.getElementById("current");
current.value = 12
这是简单的;一个例子是:
<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>
我使用setAttribute():
<input type="text" id="example"> // Setup text field
<script type="text/javascript">
document.getElementById("example").setAttribute('value','My default value');
</script>
简单的答案不是在Javascript中,获得占位符最简单的方法是通过占位符属性
<input type="text" name="text_box_1" placeholder="My Default Value" />
答案很简单
// 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">
如果你使用多种表单,你可以使用:
<form name='myForm'>
<input type='text' name='name' value=''>
</form>
<script type="text/javascript">
document.forms['myForm']['name'].value = "New value";
</script>
document.getElementById("fieldId").value = "Value";
or
document.forms['formId']['fieldId'].value = "Value";
or
document.getElementById("fieldId").setAttribute('value','Value');
<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>
这部分在html中使用
<input id="latitude" type="text" name="latitude"></p>
这是javaScript:
<script>
document.getElementById("latitude").value=25;
</script>
直接访问
如果你使用ID,那么你可以直接访问JS全局作用域中的输入
myInput。值= 'default_value' <输入id = " myInput " >
如果字段出于某种原因只有name属性,没有其他属性,你可以尝试这样做:
document.getElementsByName("INPUTNAME")[0].value = "TEXT HERE";
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">
<input id="a_name" type="text" />
下面是使用jQuery的解决方案:
$(document).ready(function(){
$('#a_name').val('something');
});
或者,使用JavaScript:
document.getElementById("a_name").value = "Something";
快乐编码:)
推荐文章
- 使伸缩项目正确浮动
- Babel 6改变了它导出默认值的方式
- 如何配置历史记录?
- ES6模板文字可以在运行时被替换(或重用)吗?
- [Vue警告]:找不到元素
- 可以在setInterval()内部调用clearInterval()吗?
- AngularJS控制器的生命周期是什么?
- 无法读取未定义的属性“msie”- jQuery工具
- 形式内联内的形式水平在twitter bootstrap?
- 我的蛋蛋怎么不见了?
- JavaScript中的排列?
- 自定义元素在HTML5中有效吗?
- JavaScript中有睡眠/暂停/等待功能吗?
- 如何触发自动填充在谷歌Chrome?
- 创建圈div比使用图像更容易的方法?