如何使用 JavaScript/jQuery 获取表单数据？

原创于 2023-02-27 18:28:10 发布 · 490 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery #开发语言

文章讨论如何用简单的单行JavaScript或jQuery代码来获取HTML表单的数据，包括输入字段、单选按钮和选择项，但不涉及文本区域等复杂元素。示例代码演示了遍历表单输入并构建数据对象的基本方法。

跳到主内容

是否有一种简单的单行方式来获取表单数据，就像以经典的纯 HTML 方式提交一样？

例如：

<form>
    <input type="radio" name="foo" value="1" checked="checked" />
    <input type="radio" name="foo" value="0" />
    <input name="bar" value="xxx" />
    <select name="this">
        <option value="hi" selected="selected">Hi</option>
        <option value="ho">Ho</option>
</form>

输出：

{
    "foo": "1",
    "bar": "xxx",
    "this": "hi"
}

像这样的东西太简单了，因为它没有（正确地）包括文本区域、选择、单选按钮和复选框：

$("#form input").each(function () {
    data[theFieldName] = theFieldValue;
});

如何使用 JavaScript/jQuery 获取表单数据？

解答http://www.stackoverflow.ink/posts/ru-he-shi-yong-javascript-jquery-huo-qu-biao-dan-shu-ju/?f=2