国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

用JavaScript實現(xiàn)類似于ListBox功能示例代碼

2024-05-06 16:02:33
字體:
來源:轉載
供稿:網(wǎng)友
這篇文章主要介紹了用JavaScript實現(xiàn)類似于ListBox功能,需要的朋友可以參考下

JavaScript對于多項數(shù)據(jù)的請求和處理過程中,如何實現(xiàn)常常困擾很多程序員,如何進行動態(tài)編輯和刪除而不影響其他的數(shù)據(jù)項,今天介紹一種方法,可供借鑒,例如通過XmlRequest請求到如下數(shù)據(jù):

復制代碼 代碼如下:


<span>{ "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": "環(huán)境效應", "Bkey": "文化價值",
"Ckey": "觀賞價值", "Dkey": null, "NUM": 1 }
]
}</span>


如何對在HTML中他們進行顯示,并實現(xiàn)編輯和刪除工作,這里面涉及的json解析和數(shù)據(jù)分層顯示:

HTML顯示標簽:

<ul> </ul>

JavaScript解析數(shù)據(jù)并顯示:

復制代碼 代碼如下:


<span> 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 += "<li><span>" + result.Table[i].Content + "</span>";
msg += "<span>" + result.Table[i].Akey + "</span>";
msg += "<span>" + result.Table[i].Bkey + "</span>";
msg += "<span>" + result.Table[i].Ckey + "</span>";
msg += "<span>" + result.Table[i].Dkey + "</span>";
msg += "<a href='###' onclick=/"editSub('" + result.Table[i].Id + "')/">編輯</a>";
msg += " <a href='###'>刪除</a>";
msg += "</li>";
}
document.getElementById("msg").innerHTML = msg;
}</span>


通過editSub(id)和Delete(id) 函數(shù)可以多每條數(shù)據(jù)進行處理,實現(xiàn)類似于ListBox的功能。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 榆树市| 泰和县| 沧州市| 平昌县| 黔西县| 垦利县| 青阳县| 萝北县| 双峰县| 峨山| 义乌市| 五大连池市| 大荔县| 和顺县| 嘉定区| 循化| 婺源县| 平潭县| 桐庐县| 芮城县| 衡阳县| 霍州市| 尉氏县| 吴桥县| 绵竹市| 龙海市| 江口县| 高阳县| 思茅市| 邻水| 鄯善县| 邵武市| 绍兴市| 崇义县| 玉山县| 永丰县| 清镇市| 巴林左旗| 海兴县| 沈丘县| 宣武区|