当前位置: 代码迷 >> JavaScript >> 如何实现select中值的改变,另一个文本框的值随之改变
  详细解决方案

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

热度:7   发布时间:2012-03-07 09:13:51.0
怎么实现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技术获得列表。
  相关解决方案