<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="application/javascript" src="js/jquery-2.0.3.js"></script>

<title>无标题文档</title>

<script type="application/javascript">

$.fn.serializeObject = function()

{

   var o = {};

   var a = this.serializeArray();

   $.each(a, function() {

       if (o[this.name]) {

           if (!o[this.name].push) {

               o[this.name] = [o[this.name]];

           }

           o[this.name].push(this.value || '');

       } else {

           o[this.name] = this.value || '';

       }

   });

   return o;

};

function onClik(){

        //var data = $("#form1").serializeArray(); //自动将form表单封装成json

        //alert(JSON.stringify(data));

        var jsonuserinfo = $('#form1').serializeObject();

        alert(JSON.stringify(jsonuserinfo));

}

</script>

</head>

<body>

<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>

</body>

</html>
$.fn.serializeObject = function()

{

   var o = {};

   var a = this.serializeArray();

   $.each(a, function() {

       if (o[this.name]) {

           if (!o[this.name].push) {

               o[this.name] = [o[this.name]];

           }

           o[this.name].push(this.value || '');

       } else {

           o[this.name] = this.value || '';

       }

   });

   return o;

};

原址：http://blog.csdn.net/zhangdaiscott/article/details/18456215

最新文章

  1. 2015-01-19 .Net 软件工程师 笔试题
  2. String类的常用判断方法使用练习
  3. ajaxFileUpload文件上传
  4. MongoDB MapReduce（转）
  5. Spark相比Hadoop MapReduce的特点
  6. Tomcat的SessionID引起的Session Fixation和Session Hijacking问题
  7. 重学C++ （1）
  8. 关于Application.Lock和Lock(obj)
  9. 让IE6,7,8支持HTML5新标签的方法
  10. Linux shell中的一个问题 ${}带正则匹配的表达式
  11. iframe----摘抄出处未知
  12. PostMessage,模拟键盘输入
  13. Python基础：条件判断与循环的两个要点
  14. 如何编译luabind支持vs2010之后所有版本
  15. 工控随笔_03_西门子_Step7项目打开后CPU显示问号解决方法
  16. Ocelot中文文档-Getting Started
  17. Maxim and Array CodeForces - 721D (贪心)
  18. 比较undefined和“undefined”
  19. Oracle锁处理、解锁方法
  20. Error: Cannot find module &#39;internal/fs&#39;

热门文章

  1. 《c# 从入门经典》 (第6版) - c# 简介
  2. ApiAuthValue鉴权机制总结
  3. java package一些试验
  4. 16、ASP.NET MVC入门到精通——MVC过滤器
  5. 【HTML DOM】Node.nodeValue的用法
  6. 浅谈HTML5单页面架构（三）—— 回归本真：自定义路由 + requirejs + zepto + underscore
  7. 天津政府应急系统之GIS一张图（arcgis api for flex）讲解（二）鹰眼模块
  8. 请将项目文件中的“AutoGenerateBindingRedirects”属性设置为 true 警告！！！
  9. linux 文件系统简介
  10. SharePoint 2013 页面访问，Url中间多一段&quot;_layouts/15/start.aspx#&quot;