如何实现<Select>和<Input>中内容的一一对应？

Question

譬如<select>中是姓名，<input>中为身份证号。

Answer 1

<select onchange="document.all.aa.value=this.options[selectedIndex].value">
<option value="身份证1">姓名1
<option value="身份证2">姓名2
<option value="身份证3">姓名3
<option value="身份证4">姓名4
<option value="身份证5">姓名5
</select>
<input id=aa>

Answer 2

<SCRIPT LANGUAGE=javascript>
<!--
idcard=new Array()
idcard[0]=111
idcard[1]=222
idcard[2]=333phone=new Array()
phone[0]=10
phone[1]=11
phone[2]=12function change(i)
{    document.all.phone.value=phone[i]
    document.all.idcard.value=idcard[i]
}
//-->
</SCRIPT><select name=sel     onchange="change(sel.options [sel.selectedIndex].value)" >
<option value=0>eee</option>
<option value=1>eee2</option>
<option value=2>eee3</option>
</select>
<input type=text name=phone id=phone>
<input type=text name=idcard id=idcard>