首页 / JAVASCRIPT / 用JavaScript实现类似于ListBox功能示例代码_javascript技巧

用JavaScript实现类似于ListBox功能示例代码_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了用JavaScript实现类似于ListBox功能示例代码_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1398字，纯文字阅读大概需要2分钟。

内容图文

JavaScript对于多项数据的请求和处理过程中，如何实现常常困扰很多程序员，如何进行动态编辑和删除而不影响其他的数据项，今天介绍一种方法，可供借鉴，例如通过XmlRequest请求到如下数据:
代码如下:

{ "Table":
[
{ "Id": 3, "Type": "X",
"Content": "党的十八大报告指出，我国人民民主的重要形式是什么？",
"Akey": "基层民主政治制度", "Bkey": "人民代表大会制度",
"Ckey": "多党合作制度", "Dkey": null, "NUM": 3 },
{ "Id": 2, "Type": "X", "Content": "藏羚羊是国家一级保护动物是（）特有动物",
"Akey": "青藏高原", "Bkey": "新疆",
"Ckey": "青海", "Dkey": null, "NUM": 2 },
{ "Id": 1, "Type": "X", "Content": "保护野生动物有很多意义，不属于其意义的是",
"Akey": "环境效应", "Bkey": "文化价值",
"Ckey": "观赏价值", "Dkey": null, "NUM": 1 }
]
}

如何对在HTML中他们进行显示，并实现编辑和删除工作，这里面涉及的json解析和数据分层显示：

HTML显示标签：



JavaScript解析数据并显示：
代码如下:

var response = xmlHttp.responseText;
eval("var result =" + response);
var len = result.Table.length;
if (len > 0) {
var msg = "";
for (var i = 0; i < len; i++) {
msg += "
  • " + result.Table[i].Content + "";
    msg += "" + result.Table[i].Akey + "";
    msg += "" + result.Table[i].Bkey + "";
    msg += "" + result.Table[i].Ckey + "";
    msg += "" + result.Table[i].Dkey + "";
    msg += "编辑";
    msg += " 删除";
    msg += "
    • ";
    }
    document.getElementById("msg").innerHTML = msg;
    }

    通过editSub(id)和Delete(id) 函数可以多每条数据进行处理，实现类似于ListBox的功能。

    内容总结

    以上是互联网集市为您收集整理的用JavaScript实现类似于ListBox功能示例代码_javascript技巧全部内容，希望文章能够帮你解决用JavaScript实现类似于ListBox功能示例代码_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

    内容备注

    版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

    内容手机端

    扫描二维码推送至手机访问。

    本文链接：https://qyyshop.com/info/320189.html

    来源：【匿名】