jQuery实现表单序列化反序列化 您所在的位置:网站首页 jquery序列化失效 jQuery实现表单序列化反序列化

jQuery实现表单序列化反序列化

2023-10-28 13:01| 来源: 网络整理| 查看: 265

js序列化反序列化参考: https://blog.csdn.net/zqtsx/article/details/17299087

涉及知识点: 序列化:var serializeJson = JSON.stringify($("#fiveLevelIndexForm").serializeArray()); 反序列化: var json = $.parseJSON(parent.$("#serializeResult").val()); 为父页面赋值:parent.$("#serializeResult").val(serializeJson); 从父页面取值:parent.$("#serializeResult").val() 通过name属性为文本框、下拉框赋值: $("select[name='"+name+"']").val(value); $("textarea[name='"+name+"']").val(value);

案例:将弹框填写的内容序列化到父页面,再次点击时候反序列化出来。 如图: 在这里插入图片描述 代码: JS 数据: 在这里插入图片描述

JS 代码: $(function(){ var json = $.parseJSON(parent.$("#serializeResult").val()); if(json !=null && json !=undefined){ for(var i=0,l=json.length;i


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有