一个js的小程序，请求帮助

Question

有一个小问题，不会做，特向各位求教。
有左右两个ul，左边的ul有一堆li,每个li代表一个城市，当选中一个城市，再点击一个“加入”按钮，就把这个城市的li加入到右边的ul中，写不出来，请求那位能给出代码，好让我领教一下。

Answer 1

<ul>
<li onclick="javascript:selCity(this)" style="cursor:pointer">北京</li>
<li onclick="javascript:selCity(this)" style="cursor:pointer">上海</li>
<li onclick="javascript:selCity(this)" style="cursor:pointer">天津</li>
<li onclick="javascript:selCity(this)" style="cursor:pointer">重庆</li>
<li onclick="javascript:selCity(this)" style="cursor:pointer">香港</li>
<li onclick="javascript:selCity(this)" style="cursor:pointer">澳门</li>
<ul>
<ul id="demo">

</ul>
<script type="text/javascript">
selCity=function(obj)
{
var li=document.createElement("li");
li.innerText=obj.innerText;
$("demo").appendChild(li);
}
function $(objID){return document.getElementById(objID)}
</script>

Answer 2

<style>
ul{float:left;width:250px;}
li{display:block;cursor:pointer;}
</style><script>
function addit(){
if(cur==null) return;
cur.style.backgroundColor = "#FFF";
cur.onclick = null;
var u2 = document.getElementById("u2");
u2.appendChild(cur);
cur = null;
}
var cur;
window.onload=function(){
var u1 = document.getElementById("u1");
var a = document.getElementsByTagName("li");
for(var i=0;i<a.length;i++){
if(a[i].parentNode.id!="u1") continue;
a[i].onclick = function(){
if(cur==this) return;
if(cur!=null) cur.style.backgroundColor = "#FFF";
this.style.backgroundColor = "#CCC";
cur = this;
}
}
}
</script>
<input type="button" value="加入" onclick="addit()"><br>
<ul id="u1">
<li onclick="">北京</li>
<li onclick="">天津</li>
<li onclick="">重庆</li>
</ul>
<ul id="u2">
<li onclick="">上海</li>
<li onclick="">南京</li>
</ul>