```
华北一区
华北二区
华南一区
华南二区
var oInput = document.getElementById("inp");
var oUl = document.getElementById("list");
var oLis = document.getElementsByTagName("li");
oInput.onfocus = function(e){
oUl.style.display = "block";
e.stopPropagation();
}
for (var i = 0; i < oLis.length; i++) {
oLis[i].onclick = function(){
oInput.value = this.innerHTML;
oUl.style.display = "none";
}
};
document.body.onclick = function(){
oUl.style.display = "none";
}
oInput.onclick = function(e){
e = e||window.event;
e.stopPropagation(); //清除冒泡用 stopPropagation()
}
```
做出来的效果如图
点击即可选中
