快速提醒表单中所有输入元素的值?

时间:2011-07-04 03:18:17

标签: javascript alert

我有一个包含大约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...

2 个答案:

答案 0 :(得分:2)

您需要使用for loop

var f = document.getElementById('myForm').getElementsByTagName("INPUT");

for (var i = 0; i < f.length; i++)
    alert(f[i].name + ' ' + f[i].value);

如果您只是在测试/调试内容,我建议您使用浏览器的控制台。使用Chrome或Firefox + Firebug,您可以调用console.log方法,然后深入查看对象。在我看来,这往往更容易管理。

答案 1 :(得分:2)

执行此操作的明智方法是安装类似于Web Developer add-on的扩展程序,然后使用 表单 - &gt; 查看表单信息 以查看所有输入的值。

Google Chrome version is here