在javascript中检索所有文本框值 [英] Retrive all text boxes values in javascript

问题描述

我需要检索表单的所有文本框值并将它们存储在var中。



i只是成功了下面得到第一个值

 var plate_length = document.getElementById（plate_length）。value; 
 
 var plate_width = document.getElementById（plate_width）。value; 

我是什么尝试过：

函数generate（）
 {
 
 var plate_length = document 。.getElementById（ plate_length）值; 
 
 var plate_width = document.getElementById（plate_width）。value; 
} 
 
< form> 
 
< tr> 
< td style =color：＃660000>< label>宽度：< / label>< / td> 
< td style =color：＃660000>< input type =numbermin =0.1step =0.1name =plate_widthid =plate_width>< / TD> 
< td style =color：＃660000>米。< / td> 
< / tr> 
 
< tr> 
< td style =color：＃660000>< label>长度：< / label>< / td> 
< td style =color：＃660000>< input type =numbermin =0.1step =0.1name =plate_lengthid =plate_length>< / TD> 
< td style =color：＃660000>米< / TD> 
< / tr> 

解决方案

引用：

我只是成功获得第一个值

在浏览器中使用deb控制台检查可能的错误。

使用调试器看看哪些有效，哪些无效。

如果换掉两条线怎么办？



当你不明白什么你的代码正在做或为什么它做它做的事情，答案是调试器。

使用调试器来查看你的代码在做什么。只需设置断点并查看代码执行情况，调试器允许您逐行执行第1行并在执行时检查变量，这是一个令人难以置信的学习工具。



调试器 - 维基百科，免费的百科全书 [ ^ ]

掌握Visual Studio 2010中的调试 - 初学者指南 [ ^ ]

使用Visual Studio 2010进行基本调试 - YouTube [ ^ ]



调试器在这里向您展示您的代码在做什么你的任务是与它应该做的事情进行比较。

调试器中没有魔法，它没有发现错误，它只是帮助你。当代码没有达到预期的效果时，你就会接近一个错误。

Hi,
I need to retrieve all text boxes values of a form and store them in var.

i am only succeeding with the below getting the first value

var plate_length = document.getElementById("plate_length").value;

var plate_width = document.getElementById("plate_width").value;

What I have tried:

function generate()
         {

var plate_length = document.getElementById("plate_length").value;

var plate_width = document.getElementById("plate_width").value;
   }

<form>

<tr>
<td style="color:#660000"><label>Width:</label></td>
<td style="color:#660000"><input type="number" min="0.1" step="0.1" name="plate_width" id="plate_width"></td>
<td style="color:#660000">meters.</td>
</tr>

<tr>
<td style="color:#660000"><label>Length:</label></td>
<td style="color:#660000"><input type="number" min="0.1" step="0.1" name="plate_length" id="plate_length"></td>
<td style="color:#660000"> meters.</td>
</tr>

解决方案

Quote:

i am only succeeding with the below getting the first value

Use the deb console in browser to check for possible errors.
Use the debugger to see what works and what don't.
What happen if you swap both lines ?

When you don't understand what your code is doing or why it does what it does, the answer is debugger.
Use the debugger to see what your code is doing. Just set a breakpoint and see your code performing, the debugger allow you to execute lines 1 by 1 and to inspect variables as it execute, it is an incredible learning tool.

Debugger - Wikipedia, the free encyclopedia[^]
Mastering Debugging in Visual Studio 2010 - A Beginner's Guide[^]
Basic Debugging with Visual Studio 2010 - YouTube[^]

The debugger is here to show you what your code is doing and your task is to compare with what it should do.
There is no magic in the debugger, it don't find bugs, it just help you to. When the code don't do what is expected, you are close to a bug.

这篇关于在javascript中检索所有文本框值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！