JQuery表单序列化
JQuery表单序列化,获取表单数据为数组,方便传值
<form id="form"> <div class="infos"><span>昵称</span><input type="text" placeholder="请输入昵称" name="nickname"/></div> <div class="infos"><span>性别</span><ul><li value="1">男</li><li value="0">女</li></ul></div> <div class="infos"><span>邮箱</span><input type="text" placeholder="请输入邮箱" name="email"/></div> <div class="infos"><span>出生日期</span><input type="text" placeholder="请输入出生日期" name="birthday"/></div> <input type="hidden" name="gender" value="<?php echo $_user->userinfo->gender?>"/> </form>
<script> $(function(){ $('.personal_usual_btn').click(function(){ $(this).addClass('active').siblings().removeClass('active'); $(this).siblings('div').slideToggle('normal'); var id = $(this).attr("row_id"); $.post("<?php echo url('wap::user/userinfo')?>",$("#form").serializeArray(),function(data){ if(data.status){ layer.msg("修改成功!"); } }); }) $('.infos ul li').click(function(){ $("input[name='gender']").val($(this).attr('value')); $(this).addClass('active').siblings().removeClass('active'); }); }); </script>
请先登录后再评论登录