js如何实现这种中英文对照功能?

Question

<select name="city" id="city"><optgroup label="England">
<option value="Bath">Bath</option>
<option value="Birmingham">Birmingham</option>
<option value="Cambridge">Cambridge</option>
<option value="Coventry">Coventry</option>
<option value="York">York</option></optgroup></select>
您选择了<input id="slted" type="text" readonly="readonly">
当选择其中一个城市后(英文), id=slted的输入框出现相应的中文城市名称。实现方法越简单越好。附：以上城市中文名：
巴斯
伯明翰
剑桥
考文垂
约克

Answer 1

<select name="city" id="city" onchange="document.getElementById('slted').value = this.options[this.selectedIndex].title"><optgroup label="England">
<option value="Bath" title="巴斯">Bath</option>
<option value="Birmingham" title="巴斯">Birmingham</option>
<option value="Cambridge" title="伯明翰">Cambridge</option>
<option value="Coventry" title="剑桥">Coventry</option>
<option value="York" title="考文垂">York</option></optgroup></select>
您选择了<input id="slted" type="text" readonly="readonly">

Answer 2

楼上正解,个人觉得已经很好了
还可以用关联数组<select name="city" id="city" onchange=getValue(this.value)><optgroup label="England">
<option value="0">Bath</option>
<option value="1">Birmingham</option>
<option value="2">Cambridge</option>
<option value="3">Coventry</option>
<option value="4">York</option></optgroup></select>
您选择了<input id="slted" type="text" readonly="readonly"><script>
var cityName=["巴斯","巴斯","伯明翰","剑桥","纽约"];
function getValue(val){
document.getElementById('slted').value = cityName[val];
}
</script>

Answer 3

用js来做function enToCn(name){
switch(hrId){
case"Bath":document.getElementById("slted").innerText=巴斯;break;
case"Birmingham":document.getElementById("slted").innerText=伯明翰;break;
case"Cambridge":document.getElementById("slted").innerText=剑桥;break;
case"Coventry":document.getElementById("slted").innerText考文垂;break;
case"York":document.getElementById("slted").innerText约克;break;<select name="city" id="city"><optgroup label="England">
<option value="Bath">Bath</option>
<option value="Birmingham">Birmingham</option>
<option value="Cambridge">Cambridge</option>
<option value="Coventry">Coventry</option>
<option value="York">York</option></optgroup></select>
您选择了<input id="slted" type="text" readonly="readonly">