如何在JavaScript中设置一个表单<input>文本字段的默认值?
当前回答
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">
其他回答
我使用setAttribute():
<input type="text" id="example"> // Setup text field
<script type="text/javascript">
document.getElementById("example").setAttribute('value','My default value');
</script>
试试这些。
document.getElementById("current").value = 12
// or
var current = document.getElementById("current");
current.value = 12
答案很简单
// 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">
这是简单的;一个例子是:
<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>
如果您的表单包含一个输入字段
<input type='text' id='id1' />
然后你可以用javascript编写如下所示的代码来设置它的值为
document.getElementById('id1').value='text to be displayed' ;
推荐文章
- 我如何检查如果一个变量是JavaScript字符串?
- 如何检测如果多个键被按下一次使用JavaScript?
- 样式化HTML电子邮件的最佳实践
- 如何通过history. pushstate获得历史变化的通知?
- CSS/HTML:什么是使文本斜体的正确方法?
- 使用jQuery改变输入字段的类型
- 在JavaScript中,什么相当于Java的Thread.sleep() ?
- 我如何才能在表中应用边界?
- 如何使一个DIV不包装?
- 使用jQuery以像素为整数填充或边距值
- CSS div元素-如何显示水平滚动条只?
- 检查是否选择了jQuery选项,如果没有选择默认值
- Next.js React应用中没有定义Window
- 如何重置笑话模拟函数调用计数之前,每次测试
- 如何强制一个功能React组件渲染?