国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表

圖片精選

主站蜘蛛池模板: 永靖县| 仙游县| 东城区| 富裕县| 兴义市| 砚山县| 五家渠市| 汽车| 沐川县| 游戏| 新巴尔虎左旗| 吉安市| 吴堡县| 定襄县| 汉寿县| 慈溪市| 岳阳县| 安阳市| 衡阳市| 杂多县| 正蓝旗| 化德县| 百色市| 安丘市| 寻乌县| 门头沟区| 榆社县| 西畴县| 祁门县| 曲周县| 澄江县| 九台市| 阳朔县| 东丰县| 都昌县| 淮滨县| 蒙阴县| 双城市| 舟曲县| 台前县| 张家港市|