HTML实现评论功能

<h3>留言版信息</h3>
	<ol id="olid">
		<li id="tr1">昵称为“安妮”的用户说了“那个……你看见过我的小熊吗？”</li>
	</ol>
	<br />
	昵称：<input id="txtName" type="text" name="name" value="" />
	<br />
	评论：<textarea id="txtCom"></textarea>
	<br />
	<input id="btn1" type="button" name="name" value="评论" />

:二script方法

		$(function(){
			$("#btn1").click(function(){
				//获取昵称文本框的值
				var $name=$("#txtName").val();
				//获取评论文本框的值
				var $txtCoom=$("#txtCom").val();
				//将值付给li
				$("#olid").append("<li id='tr1'>昵称为“"+$name+"”的用户说了“"+$txtCoom+"”</li>")
				
			})
		})

最终实现效果