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

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

来源http://bbs.csdn.net/topics/390905678


<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">选项1option>
        <option value="1">选项2option>
    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>

你可能感兴趣的:(前端)