如何从表单输入/输出并将其存储在JS变量中？

我正在创建Web应用程序的UI，但尚未完成任何后端工作。如何从表单输入/输出并将其存储在JS变量中？

为了测试的目的，我希望我的表单能够工作，所以我想要接受他们收到的输入并将其存储在JavaScript变量中，以便我可以使用jQuery访问它们。

我看过的所有东西都告诉我如何将js变量传递给窗体，而不是其他方式。

任何想法？

谢谢。

var variable = $('#myInput').val()。或者，如果您的表单使用GET进行提交，则可能需要查看插件才能访问新页面上的变量。

编辑：

样品形式（应该是一个简单的文本框）：

<html> 
    <body> 
     <form action="#"> 
      <input type="text" id="myInput" name="myInput"/> 
     </form> 
    </body> 
</html>

有了这种形式，你可以使用上面的示例代码。顺便提一句，您可以在任何返回表单元素的jQuery选择器上使用.val()方法，例如$('input:text').val()将为您提供所有文本输入字段的值（如果存在多个值，则为数组）。

2010-04-13 00:10:08 ig0774

where #myInput是什么？表单的名称，表单的'action'属性中的元素？或提交按钮的'输入'的名称？ – marcamillion 2010-04-13 00:16:31

在这个例子中，'myInput'是输入元素的id，因此id选择器'＃'。 – keithjgrant 2010-04-13 00:21:54

你能否提供一个表单可能看起来像什么的代码示例？谢谢。 P.S.不要试图成为一个痛苦，但我尝试过，它不起作用。 – marcamillion 2010-04-13 02:08:48

我跑过这个非常好的问题，如何serialize a form to JSON with jQuery这将是一个好的开始。

您还可以看看jQuery Form插件，它提供了formSerialize方法

将表单序列化成一个查询字符串。此方法将在格式返回字符串：NAME1 =值1 & 2 =值2

以及一个fieldSerialize这个方法，其

里的元素序列到查询字符串。当你只需要序列化一部分表单时这很方便。此方法将返回以下格式的字符串：name1 = value1 & name2 = value2

2010-04-13 03:03:11 R0MANARMY

回答