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

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

javascript jquery css

Javascript 如何从表单获取输入/输出并将其存储在JS变量中？,javascript,jquery,css,Javascript,Jquery,Css,我正在创建一个web应用程序的UI，还没有做任何后端工作出于测试目的，我希望我的表单能够正常工作，因此我希望获取它们接收到的输入并将其存储在javascript变量中，以便使用jQuery访问它们我所看到的一切都告诉我如何将js变量传递到表单中，而不是相反有什么想法吗谢谢。var variable=$（'#myInput'）.val（）。或者，如果您的表单是使用GET提交的，您可能需要查看插件以访问新页面上的变量编辑：示例表单（应该是一个简单的文本框）：使用该表单，您可以使用

我正在创建一个web应用程序的UI，还没有做任何后端工作

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

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

有什么想法吗

谢谢。

var variable=$（'#myInput'）.val（）。或者，如果您的表单是使用

GET

提交的，您可能需要查看插件以访问新页面上的变量

编辑：

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

使用该表单，您可以使用上面的示例代码。顺便说一句，您可以在任何返回表单元素的jQuery选择器上使用该方法，例如，

$（'input:text'）。val（）

将为您获取所有文本输入字段的值（如果有多个值，则将其作为数组）。

我遇到了一个非常棒的问题，关于如何使用它将是一个很好的开始

您还可以查看插件，它提供了

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

以及一个字段序列化方法

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

我的输入是什么？表单的名称，表单的“action”属性中的元素？或者具有“提交”按钮的“输入”的名称？在本例中，

myInput

是输入元素的id，因此id选择器为

。能否提供表单的代码示例？谢谢顺便说一句，我不想成为一个痛苦的人，但我试过了，它不起作用。几乎就在那里……我试图用以下代码查看变量中的信息：var comment_box=$（“”）。appendTo（tag_box）。css（{“position”：“absolute”}）；var input_var=$（'#comment'）.val（）；console.log（输入变量）；但无论出于何种原因，它都不会输出到Mac上的谷歌浏览器或Mac上的Firefox（Firebug）的控制台。有什么想法吗？如果您的代码正是您所展示的代码，那么您是在输入字段中任何内容之前加载输入值，即$（“#comment”）。val（）始终是“”。尝试将代码添加到表单的提交处理程序中，例如$（'form'）.submit（function（）{var input=$（'#comment'）.val（）；console.log（'form value:'+input）；}）；

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