日期:2014-05-16  浏览次数:20451 次

js如何做一个类似翻译的?
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>