如何從表單獲取輸入/輸出並將其存儲在JS變量中？

Question

我正在創建Web應用程序的UI，但尚未完成任何后端工作。

出於測試目的，我希望表單能夠正常工作，因此我希望接收表單收到的輸入並將其存儲在javascript變量中，以便可以使用jQuery訪問它們。

我看過的所有內容都告訴我如何將js變量傳遞到表單中，而不是相反。

有任何想法嗎？

謝謝。

Answer 1

var variable = $('#myInput').val() 。 或者，如果您的表單是使用GET提交的，則您可能需要查看jQuery URL Parsing插件來訪問新頁面上的變量。

編輯：

樣本表格（應該是一個簡單的文本框）：

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

通過該表格，您可以使用上面的示例代碼。 順便說一下，您可以在返回表單元素的任何jQuery選擇器上使用.val()方法，例如$('input:text').val()會為您提供所有文本輸入字段的值（如果有數組，則為數組）多個值）。

Answer 2

我遇到了一個非常棒的問題，即如何使用jQuery將表單序列化為JSON，這將是一個不錯的開始。

您還可以查看jQuery Form插件，該插件提供了formSerialize方法，

將表單序列化為查詢字符串。 此方法將以以下格式返回字符串：name1 = value1＆name2 = value2

以及fieldSerialize方法

將字段元素序列化為查詢字符串。 當您只需要序列化表單的一部分時，這很方便。 此方法將以以下格式返回字符串：name1 = value1＆name2 = value2