select选项，都是城市，比如 London，Sydney，等，想用一个input来接收翻译过来的中文，比如用户选了London，这边input就接收“伦敦”
请问js应该用什么比较好？
------解决方案--------------------
纠正下上面代码，文本框应该输出中文名字
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style>body{margin:40px; padding:0px; font-size:12px; color:#333;}#name_en{width:140px;}#name_cn{width:134px;}</style>
<script>
var nameArray=[{name_en:"Beijin",name_cn:"北京"},{name_en:"Shanghai",name_cn:"上海"},{name_en:"Shenzhen",name_cn:"深圳"}];
var name_length=nameArray.length;
$(function(){
for(i=0; i<name_length; i++){
$("#name_en").append("<option>" + nameArray[i].name_en + "</option>")
}
$("#name_cn").val(nameArray[0].name_cn);
$("#name_en").change(function(){
$("#name_cn").val(nameArray[this.options.selectedIndex].name_cn);
})
})
</script>
</head>
<body>
<select name="select" id="name_en">
</select>
<br /><br /><br /><br /><br /><br /><br /><br />中文名字<br />
<input type="text" name="textfield" id="name_cn" disabled="disabled" />
</body>
</html>