如何在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">
推荐文章
- 在数组中获取所有选中的复选框
- 如何为Firebase构建云函数,以便从多个文件部署多个函数?
- 如何发送推送通知到web浏览器?
- AngularJS:工厂和服务?
- js:将一个组件包装成另一个组件
- 我如何在网站上使用谷歌的Roboto字体?
- 父ng-repeat从子ng-repeat的访问索引
- 如何禁用文本区域大小调整?
- JSHint和jQuery: '$'没有定义
- 模仿JavaScript中的集合?
- 用JavaScript验证电话号码
- 如何在HTML5中改变视频的播放速度?
- 保留HTML字体大小时,iPhone的方向从纵向改变为横向
- 谷歌地图API v3:我可以setZoom后fitBounds?
- ES6/2015中的null安全属性访问(和条件赋值)