js如何做一个类似翻译的？

select选项，都是城市，比如 London，Sydney，等，想用一个input来接收翻译过来的中文，比如用户选了London，这边input就接收“伦敦”请问js应该用什么比较好？

解决方案 »

  1.   

    我在php是用两个数组，一个放英文，一个放中文，然后替换就可以了，不知道js遇到这种情况一般怎么解决比较好？
      

  2.   

    不用这么复杂的，翻译的东西都是确定的向我在php的，一个数组放英文，一个数组放中文，替换一下就好了，可js不支持数组替换啊不知道js遇到这种情况有没有好的办法？
      

  3.   

    <!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($("#name_en").val());
    $("#name_en").change(function(){
    $("#name_cn").val($("#name_en").val());
    })
    })
    </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>
      

  4.   

    http://topic.csdn.net/t/20030426/18/1711881.html
    如果是固定的词组，可以建张表保存。
    如果感觉建表麻烦，那就建一个二楼数组算了。
      

  5.   

    纠正下上面代码，文本框应该输出中文名字
    <!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>