如何利用js实现助记码的功能

Question

<script>
dict = new Array();
dict.bj = "北京";
dict.sh = "上海";
dict.tj = "天津";
dict.cq = "重庆";function test(o) {
  if(dict[o.value])
    o.value = dict[o.value];
}
</script>
<input type=text onkeyup="test(this)">

Answer 1

<script>
var city = new Array("bj","sh","hn")
var c = new Array("北京","上海","河南")
function a(o)
{
var i=0
for(i=0;i<city.length;i++)
{
if(o.value==city[i]) o.value=c[i]
}
}
</script>
<input onkeydown="a(this)">

Answer 2

<script>
var city = new Array("bj","sh","hn")
var c = new Array("北京","上海","河南")
function a(o)
{
var i=0
for(i=0;i<city.length;i++)
{
if(o.value==city[i]) o.value=c[i]
}
}
</script>
<input onpropertychange="a(this)">

Answer 3

找到一个巨好的代码,不过在使用中出现一些问题:原来的代码:
<input type="text" name="client_name" size="15" onkeyup="shortcutCode()" id='_input' /><br id="_select" />
<script language="JScript">
var oShortcut={sz:"深圳",zh:"珠海",sy:"沈阳",bj:"北京"};
function shortcutCode(){
        var o=event.srcElement,v=o.value,l=v.length,t=["请选择"],s="<br id='_select'>",i;
        for(i in oShortcut)
                if(v.substr(0,l)==i.substr(0,l))
                        t[t.length]=oShortcut[i];
        if(t.length==0||t.length==1)
                _select.outerHTML=s;
        else if(t.length==2)
                        _input.value=t[1],_select.outerHTML=s;
                else
                        _select.outerHTML="<select id='_select' onchange='_input.value=this.options[this.selectedIndex].text,this.outerHTML=\"<br id=_select>\"'><option>"+t.join('<option>')+"</select>";
        }
</script>
<form method="post" name="add" action="add.php">
<input type="text" name="client_name" size="15" onkeyup="shortcutCode()" id='_input' /><br id="_select" />
</form>
但是在应用中如果加上一个<form>标签(用于提交)，虽然也能运行，但是提示有错误,请问如何解决?
<script language="JScript">
var oShortcut={sz:"深圳",zh:"珠海",sy:"沈阳",bj:"北京"};
function shortcutCode(){
        var o=event.srcElement,v=o.value,l=v.length,t=["请选择"],s="<br id='add._select'>",i;
        for(i in oShortcut)
                if(v.substr(0,l)==i.substr(0,l))
                        t[t.length]=oShortcut[i];
        if(t.length==0||t.length==1)
                add._select.outerHTML=s;
        else if(t.length==2)
                        add._input.value=t[1],add._select.outerHTML=s;
                else
                        add._select.outerHTML="<select id='add._select' onchange=add.'_input.value=this.options[this.selectedIndex].text,this.outerHTML=\"<br id=add._select>\"'><option>"+t.join('<option>')+"</select>";
        }
</script>