快速提醒表单中所有输入元素的值的方法?
我有一个包含大约 10 多个输入元素的表单...为了测试,我想提醒它们的所有值...是否有比这更快的方法:
var f = document.getElementById('myForm').getElementsByTagName("INPUT");
alert(f[0].name + ' ' + f[0].value);
alert(f[1].name + ' ' + f[1].value);
alert(f[2].name + ' ' + f[2].value);
... and so on...
I have a form with about 10+ input elements in it... For testing, I'd like to alert all their values... Is there a quicker way than this:
var f = document.getElementById('myForm').getElementsByTagName("INPUT");
alert(f[0].name + ' ' + f[0].value);
alert(f[1].name + ' ' + f[1].value);
alert(f[2].name + ' ' + f[2].value);
... and so on...
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
为此,您需要使用 for 循环。
如果您只是测试/调试,我建议您使用浏览器的控制台。使用 Chrome 或 Firefox + Firebug 您可以调用
console.log
方法,然后深入查看你的对象。在我看来,这往往更容易管理。You'll want to use a for loop for that.
If you are just testing/debugging things, I'd recommend using your browser's console. Using Chrome or Firefox + Firebug you can call the
console.log
method and then drill down into your object. This tends to be a bit easier to manage in my opinion.明智的方法是安装类似于 Web 的扩展程序开发者插件,然后使用表单 -> 查看表单信息以查看所有输入的值。
Google Chrome 版本位于此处。
The smart way to do this is to instead install an extension similar to the Web Developer add-on, then use Forms -> View Form Information to see the values of all inputs.
Google Chrome version is here.