动态添加多级文本行

Question

点击红色+号，在对应级别目录的下面动态添加一行相同级别的文本行

Answer 1

把要增加的文本内容用JS拼接起来，然后append在要加的位置就行了，这是最简单的

Answer 2

点击+号去访问后台，返回页面显示数据。
如果要做树状菜单，使用jquery会很方便的。

Answer 3

补充：那个图片没显示出来，重新传了[img=http://hi.csdn.net/attachment/201005/18/1036017_12741705672Xp8.jpg.thumb.jpg][/img]
用JavaScript写

Answer 4

不用啊，就每次添加html代码就可以

Answer 5

不用啊，就每次添加html代码就可以

Answer 6

学习一下jquery 你会 觉的这个问题太好解决了

Answer 7

<ul>
    <li>一级目录1<input id="t" type="text"/><a rank="1" href="javascript:void(0);" onclick="addChild(this)">+</a></li><ul></ul>
</ul>
<script type="text/javascript">
    var rankStr=["一","二","三","四","五","六","七","八","九","十"];
    function addChild(a){
         var rank=parseInt($(a).attr("rank"));
         $(a).parent().next().append("<li>"+rankStr[rank]+"级目录1<input type='text'/><a rank='"+(rank+1)+"'  href='javascript:void(0);' onclick='addChild(this)'>+</a></li><ul></ul>");
    }
</script>

Answer 8

<ul>
    <li>一级目录1<input id="t" type="text"/><a rank="1" href="javascript:void(0);" onclick="addChild(this)">+</a><ul></ul></li>
</ul>
<script type="text/javascript">
    var rankStr=["一","二","三","四","五","六","七","八","九","十"];
    function addChild(a){
         var rank=parseInt($(a).attr("rank"));
         $(a).next().append("<li>"+rankStr[rank]+"级目录1<input type='text'/><a rank='"+(rank+1)+"'  href='javascript:void(0);' onclick='addChild(this)'>+</a><ul></ul></li>");
    }
</script>
PS：IE8的dom要求更加严格，需要将子ul放在li里面

Answer 9

<ul>
    <li>一级目录1<input id="t" type="text"/><a rank="1" href="javascript:void(0);" onclick="addChild(this)">+</a><ul></ul></li>
</ul>
<script type="text/javascript">
    var rankStr=["一","二","三","四","五","六","七","八","九","十"];
    function addChild(a){
         var rank=parseInt($(a).attr("rank"));
         $(a).next().append("<li>"+rankStr[rank]+"级目录1<input type='text'/><a rank='"+(rank+1)+"'  href='javascript:void(0);' onclick='addChild(this)'>+</a><ul></ul></li>");
    }
</script>

Answer 10

好像有 js 源码，你找 jquery的。

Answer 11

用JS的DOM，先creat元素，再append创建的。

Answer 12

[color=#FF0000]没有人会，结贴了，不等了，自己静下来再考虑考虑~[/color]