<meta http-equiv=
"Content-Type"
content=
"text/html; charset=utf-8"
>
<script type=
"application/javascript"
src=
"js/jquery-2.0.3.js"
></script>
<title>無(wú)標(biāo)題文檔</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(); //自動(dòng)將form表單封裝成json
//alert(JSON.stringify(data));
var jsonuserinfo = $(
'#form1'
).serializeObject();
alert(JSON.stringify(jsonuserinfo));
}
</script>
<form id=
"form1"
name=
"form1"
method=
"post"
action=
""
>
<p>進(jìn)貨人 :
<label
for
=
"name"
></label>
<input name=
"name"
id=
"name"
type=
"text"
>
</p>
<p>性別:
<label
for
=
"sex"
></label>
<select name=
"sex"
size=
"1"
id=
"sex"
>
<option value=
"1"
>男</option>
<option value=
"2"
>女</option>
</select>
</p>
<table border=
"1"
width=
"708"
>
<tbody><tr>
<td width=
"185"
>商品名</td>
<td width=
"205"
>商品數(shù)量</td>
<td width=
"296"
>商品價(jià)格</td>
</tr>
<tr>
<td><label
for
=
"pro_name"
></label>
<input name=
"pro_name"
id=
"pro_name"
type=
"text"
></td>
<td><label
for
=
"pro_num"
></label>
<input name=
"pro_num"
id=
"pro_num"
type=
"text"
></td>
<td><label
for
=
"pro_price"
></label>
<input name=
"pro_price"
id=
"pro_price"
type=
"text"
></td>
</tr>
<tr>
<td><input name=
"pro_name2"
id=
"pro_name2"
type=
"text"
></td>
<td><input name=
"pro_num2"
id=
"pro_num2"
type=
"text"
></td>
<td><input name=
"pro_price2"
id=
"pro_price2"
type=
"text"
></td>
</tr>
</tbody></table>
<p> </p>
<input name=
"submit"
onclick=
"onClik();"
value=
"提交"
type=
"button"
>
</form>
聯(lián)系客服