jquery-读取form表单中的所有数据列表

最新推荐文章于 2021-06-18 16:25:57 发布

置顶 atsjp

最新推荐文章于 2021-06-18 16:25:57 发布

阅读量2.1w

点赞数

分类专栏：前端

前端专栏收录该内容

2 篇文章

订阅专栏

jquery-读取form表单中的所有数据列表

来源http://bbs.youkuaiyun.com/topics/390905678

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Bootstrap 实例 - 按钮选项</title>
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>

<form>
    <input id="a1" type="input" value="" name="a1"><br>
    <input id="a2" type="input" value="" name="a2"><br>
    <input id="a3" type="input" value="" name="a3"><br>
    <input id="a4" type="input" value="" name="a4"><br>
    <select id="ax" name="ax">
        <option value="0">选项1</option>
        <option value="1">选项2</option>
    </select><br>
    <input id="submit" type="button" value="提交" name="submit">
</form>

<script>
    $(function () {
        $('#submit').click(function () {
            var d = {};
            var t = $('form').serializeArray();
            $.each(t, function () {
                d[this.name] = this.value;
            });
            alert(JSON.stringify(d));
        });
    });
</script>
</body>
</html>