Question

我正在创建一个Web应用程序的UI，但尚未完成任何后端工作。

出于测试目的，我希望我的表单能够工作，所以我想获取他们收到的输入并将其存储在javascript变量中，以便我可以使用jQuery访问它们。

我所看到的一切，告诉我如何将js变量传递到表单中，而不是相反。

有什么想法吗？

感谢。

Answer 1

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

修改

示例表单（应该是一个简单的文本框）：

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

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

Answer 2

我遇到了一个非常棒的问题，关于如何serialize a form to JSON with jQuery这将是一个良好的开端。

您还可以查看提供 formSerialize 方法的jQuery Form插件

将表单序列化为查询字符串。此方法将返回以下格式的字符串：name1 = value1＆amp; name2 = value2

以及 fieldSerialize 方法

将字段元素序列化为查询字符串。当您只需要序列化表单的一部分时，这很方便。此方法将返回以下格式的字符串：name1 = value1＆amp; name2 = value2

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

2 个答案: