欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間：2014年03月09日 16:49:46   投稿：whsnow  
這篇文章主要介紹了用JavaScript實(shí)現(xiàn)類似于ListBox功能,需要的朋友可以參考下

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

復(fù)制代碼 代碼如下:

<span style="font-size:14px;">{ "Table":
{ "Id": 2, "Type": "X", "Content": "藏羚羊是國家一級保護(hù)動物是（）特有動物",
"Akey": "青藏高原", "Bkey": "新疆",
"Ckey": "青海", "Dkey": null, "NUM": 2 },
{ "Id": 1, "Type": "X", "Content": "保護(hù)野生動物有很多意義，不屬于其意義的是",
"Akey": "環(huán)境效應(yīng)", "Bkey": "文化價(jià)值",
"Ckey": "觀賞價(jià)值", "Dkey": null, "NUM": 1 }
]
}</span>

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

HTML顯示標(biāo)簽：

<ul id="msg" name="msg"> </ul>

JavaScript解析數(shù)據(jù)并顯示：
復(fù)制代碼 代碼如下:

<span style="font-size:14px;"> 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='###' onclick='Delete(" + result.Table[i].Id + ")'>刪除</a>";
msg += "</li>";
}
document.getElementById("msg").innerHTML = msg;
}</span>

通過editSub(id)和Delete(id) 函數(shù)可以多每條數(shù)據(jù)進(jìn)行處理，實(shí)現(xiàn)類似于ListBox的功能。

相關(guān)文章

最新評論