从JSON插入HTML select标签选项

 爷吃鸡 发布于 2023-02-11 18:09

所以,这是交易:我在localStorage的网络应用程序中保存了一个JSON对象.这个JSON被保存为一个字符串,JSON.stringify在我的一个函数中,在页面加载中:

localStorage.setItem("MyData", JSON.stringify(data));

数据保存如下:

[{"NAMEVAR":"Some Data 1","CODE":"1"},{"NAMEVAR":"Some Data 2","CODE":"2"}]

数据是请求的结果.数据在主页上成功保存,以后我可以使用.之后,我必须使用从数据中获取的内容在另一页上加载表单.

我在页面上有这个选择标记:


我想做的很简单:我使用json2html从数据中向这个select标签添加项目,而选项值包含来自数据的CODE.所以,我预计会发生的是:


通过做这个:

var jsonData = $.parseJSON(window.localStorage.getItem("data"));
var transform = {tag:'option', id:'.CODE',html:'{$NAMEVAR}'};
document.getElementById('mySelectID').innerHtml = json2html.transform(jsonData,transform);

但这不起作用,我知道它不会.问题是我不知道如何将这个JSON插入到HTML的选项中.我认为json2html可以帮助我,但因为我不会说英语本身,所以我很难理解这一点,而且我也是JavaScript的新手.

谢谢!

撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有