请高手帮帮我, 为哈我点上面的地区具体名字,下面<input>里面不会变化

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  xml:lang="zh-CN" lang="zh-CN">
<head>
<title> New Document </title>
<style>
* ul{margin:0px;padding:0px;border:0px;}
</style></head>
<script>
window.onload = star;function Arraya(){
var heading = new Array("江西", "南昌", "上饶", "余干", "樟树", "宜春", "长沙","瑞洪");
return heading;
}
var headings = Arraya();function star(){
document.body.appendChild(xdiv());
}function xdiv(){
var xdivv = document.createElement("div");
xdivv.style.width = "500px";
xdivv.style.height = "200px";
xdivv.style.background = "#CBF7FB";
xdivv.style.border = "2px solid #86B9BE";
xdivv.style.margin = "0 auto";
xdivv.appendChild(xul());
xdivv.appendChild(xinput());
return xdivv;
}function xul(){
var xuul = document.createElement("ul");
for(var i=0; i< headings.length; i++){
var xlli = document.createElement("li");
var xaa = document.createElement("a");
xaa.id = "sedId"+[i];
xaa.setAttribute("href","#");
xlli.style.listStyleType  = "none";
xlli.style.width = "100px";
xlli.style.styleFloat = "left";
xlli.style.cssFloat = "left";
var xcell = document.createTextNode(headings[i]);
xaa.appendChild(xcell);
xlli.appendChild(xaa);
xuul.appendChild(xlli);
xaa.onclick = xclick;
//alert("test")
}
return xuul;
}function xinput(){
var xiinput = document.createElement("input");
//test();
xiinput.style.clear = "both";
xiinput.style.cssFloat = "none";
xiinput.id = "xiinputId";
xiinput.value = "地区";
return xiinput;

}function xclick(){
//document.getElementById("xiinputId").value =  document.getElementById("xaa.id").innerHTML;
}
</script>
<body></body>
</html>