如何实现select中值的改变，另一个文本框的值随之改变

怎么实现select中值的改变，另一个文本框的值随之改变？
问题描述：
在一个页面中，有一个select的下拉框和text的文本框，其中下拉框中option的值从数据库中读出，和之对应的有一个数值，想在text的文本框中显示出来。当option的值改变时，text中的值相应改变。怎么实现？谢谢。。。
比如数据这样：
a1         1
b1         2
c1         3
在select中显示a1，b1，c1。文本框中相应显示1，2，3。

[解决办法]
<select onchange= "document.getElementById( 'text1 ').value=this.value; ">
<option value= "1 "> a1 </option>
<option value= "2 "> b1 </option>
<option value= "3 "> c1 </option>
</select>
<input type= "text " id= "text1 " value= "1 "/>
[解决办法]
数据库中读取完全可以，一种方案是在服务器段将Select的HTML代码输出到客户端；第二种方案是用服务器控件邦定；第三种是客户端用Ajax技术获得列表。