$("#category_1").html("");
var id = $(this).attr('id');
(jQuery).ajax({
type : "POST",
url : mainServer + '/userCenter/getThreeLevelData.jspa',
dataType : 'json',
data:{
'ciId':id
},//传入参数
success : function(master) {
var htm = "";
if(master.success) {
var resultList = master.rows;
for ( var i = 0; i < resultList.length; i++) {
htm += "<ul>";
var twoNode = resultList[i].childList;
for ( var j = 0; j < twoNode.length; j++){
htm += "<li><input class='ckbox' οnclick='javascript:ckboxClick($(this));' name='' type='checkbox' value='"+twoNode[j].ciId+"' /><span>" + twoNode[j].ciName + "</span></li>";
}
htm += "</ul>";
}
}
$("#category_1").html(htm);//成功或者失败均写入
}
});
成型格式:
<div>
<ul>
<li>one</li>
<li>two</li>
</ul>
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
</div>
两层循环,外层添加ul,内层添加li
动态添加尽量使用html方式写入;注意动态写入的东西,添加事件要放在外部。
var id = $(this).attr('id');
(jQuery).ajax({
type : "POST",
url : mainServer + '/userCenter/getThreeLevelData.jspa',
dataType : 'json',
data:{
'ciId':id
},//传入参数
success : function(master) {
var htm = "";
if(master.success) {
var resultList = master.rows;
for ( var i = 0; i < resultList.length; i++) {
htm += "<ul>";
var twoNode = resultList[i].childList;
for ( var j = 0; j < twoNode.length; j++){
htm += "<li><input class='ckbox' οnclick='javascript:ckboxClick($(this));' name='' type='checkbox' value='"+twoNode[j].ciId+"' /><span>" + twoNode[j].ciName + "</span></li>";
}
htm += "</ul>";
}
}
$("#category_1").html(htm);//成功或者失败均写入
}
});
成型格式:
<div>
<ul>
<li>one</li>
<li>two</li>
</ul>
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
</div>
两层循环,外层添加ul,内层添加li
动态添加尽量使用html方式写入;注意动态写入的东西,添加事件要放在外部。