Json 入门例子(form表单)【0】

最新推荐文章于 2025-08-21 18:01:40 发布

weixin_30633405

最新推荐文章于 2025-08-21 18:01:40 发布

阅读量143

点赞数

CC 4.0 BY-SA版权

文章标签： json

原文链接：http://www.cnblogs.com/laopo/p/4757260.html

本文介绍了一个使用JavaScript实现的表单序列化与解码的功能。通过点击按钮可以显示表单数据，其中包括文本输入、选择框等元素的值。此外，还提供了一个简单的表单用于演示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script>
        $(function () {
     var aa = $("#fm").serialize().replace(/\+/g, "");
     var ac = decodeURIComponent(aa);
     $("#fm").click(function () {
            alert(ac);
           });

        });

    </script>

    <form id="form1" name="form1" method="post" action="">
        <p>
            进货人 :
            <label for="name"></label>
            <input type="text" name="name" id="name" />
        </p>
        <p>
            性别:
            <label for="sex"></label>
            <select name="sex" size="1" id="sex">
                <option value="1">男</option>
                <option value="2">女</option>
            </select>
        </p>
        <table width="708" border="1">
            <tr>
                <td width="185">商品名</td>
                <td width="205">商品数量</td>
                <td width="296">商品价格</td>
            </tr>
            <tr>
                <td>
                    <label for="pro_name"></label>
                    <input type="text" name="pro_name" id="pro_name" />
                </td>
                <td>
                    <label for="pro_num"></label>
                    <input type="text" name="pro_num" id="pro_num" />
                </td>
                <td>
                    <label for="pro_price"></label>
                    <input type="text" name="pro_price" id="pro_price" />
                </td>
            </tr>
            <tr>
                <td><input type="text" name="pro_name2" id="pro_name2" /></td>
                <td><input type="text" name="pro_num2" id="pro_num2" /></td>
                <td><input type="text" name="pro_price2" id="pro_price2" /></td>
            </tr>
        </table>
        <p> </p>
        <input type="button" name="submit" onclick="onClik();" value="提交" />
    </form>
    <form id="fm">

        <input type="text" name="username" value="zhangsan" /><br /><br />
        <input type="text" name="age" value="12" /><br /><br />
        <input type="text" name="address" value="北京  朝阳" /><br /><br />
        <input type="text" name="job" value="IT" /><br /><br />
        <textarea name="content">abc + 123 + 456  </textarea>
        <input type="button" value="发送" onclick="add()" /><br /><br />


    </form>

转载于:https://www.cnblogs.com/laopo/p/4757260.html