Php 使用javascript动态更新Ul Li（mootools 1.2）

我有一个表单是由ajax提交的

我正在运行php

ajax完成条目后，该条目应更新为我的html。 比如说

我的HTML代码

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>

一,
二,
三,
四,

现在，当任何一个用5插入新条目时，我的html应该用下面的html更新

<ul>
     <li>1</li>
     <li>2</li>
     <li>3</li>
     <li>4</li>
     <li>5</li>
</ul>

一,
二,
三,
四,
五,

提前谢谢

Avinash

使用“美元”功能选择并扩展

UL

，然后使用MooTool的元素方法之一插入新的

LI

可能会起作用

这是我自己做的

请检查下面的代码以获得答案

// Select UL to append    
var commentUL = $('comment_ul');

//Create new li to insert
    var commentnewLI = new Element('li', {id: 'myFirstElement'});
// Append text to li
    commentnewLI.appendText(responseValueArray[1]);
// Insert li into UL
    commentUL.adopt(commentnewLI);

Mootools的admopt方法对我很有效

但是我在这方面有一些问题

我的回复中有一些HTML要添加到LI中。 如下

Dummy text, Dummy text,Dummy text,<br/><span>User Name</span>

虚拟文本，虚拟文本，虚拟文本，
用户名

你能告诉我这里有什么问题吗

谢谢

---

Avinash

我的HTML问题解决了

我刚换了新的

commentnewLI.appendText(responseValueArray[1]);

用下面的代码

commentnewLI.innerHTML= responseValueArray[1];

工作正常….

我是这样做的：

//the list
<ul id='the_list'>
  <li>list item 1</li>
  <li>list item 2</li>
  <li id='template_row' class='hidden'>list template. Can have <span class='bold'>HTML</span></li>
</ul>

//get the template
var template = $('template_row');
//create a new row, based on the template
var newRow = new Element('li').set('html', template.innerHTML);
//add it to the list
newRow.inject($('the_list'));

//列表

清单项目1
清单项目2
列表模板。可以有HTML

//获取模板
变量模板=$（'template_row'）；
//基于模板创建新行
var newRow=newelement（'li'）.set（'html'，template.innerHTML）；
//将其添加到列表中
inject（$（'the_list'））；

---

我的模板行有HTML，并且呈现正确。

谢谢你的评论，但我已经自己解决了。。但是我在这方面有一些问题，你能看看吗。。。。