动态向div内添加标签内容:
2013-05-24 10:11
218 查看
$("#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' onclick='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' onclick='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方式写入;注意动态写入的东西,添加事件要放在外部。
相关文章推荐
- javaScript---传统的DOM动态添加标签与内容
- 在窗体上放置一个标签、一个treeviw控件。窗体打开时,动态为treeviw控件添加节点,选择某个节点后,标签上显示所选内容。
- C# 后台动态添加标签(span,div) 以及模板添加
- 在一个div内,动态添加一段文字,如何设置为不管内容多少都以 上下垂直居中 的形式展现?
- 用后台代码动态为前台DIV添加标签,控件
- js 向 div 动态 添加 内容 table
- 用JavaScript往DIV动态添加内容
- js通过innerHTML向div中追加标签,添加后之前输入的内容都清空了解决方法
- thymeleaf 动态标签内 js添加内容失败
- 给div动态添加文本内容(创建属性结点)
- android--解--它们的定义tabhost(动态添加的选项+用自己的主动性横向滑动标签+手势切换标签页和内容特征)
- 如何用JavaScript获取<div>*</div>标签中内容& 内容添加
- Css实现tab标签效果(二)----------内容为动态的div
- 如何用JavaScript获取<div>*</div>标签中内容& 内容添加
- 【PB】动态添加数据窗口列中下拉列表的内容
- DIV+CSS实操四:经管系网页内容模块内容添加(一)
- a标签跳转到指定div,jquery添加和移除class属性
- js 点击动态添加标签 删除指定标签
- jquery动态添加Div
- 给好友选择性格标签的添加和删除(如:寂寞, 孤独,一个人。。。)根据cell里面的内容确定cell大小