改变下拉列表的值触发文本框值变化一种办法

 

改变下拉列表的值而触发文本框值变化或者让文本框的值等于下拉列表中当前选定的值。通常有几种方法，一种就是全部放在form中用post提交刷新页面完成；一种就是用JS函数来完成，现在介绍一种只须要一句代码就可以完成的方法：

<select name="sel" onChange="document.all.bitrate.value=  document.all.sel.options[document.all.sel.selectedIndex].value; ">
   <option value="768">768Kbps</option>
   <option value="512" selected>512Kbps</option>
   <option value="384">384Kbps</option>
    </select>
 <input name="bitrate" type=text class="input" value="512" size="8" title="系统里设置的码率"> Kbps

注意上述方法可以不放在form表单中，用document.all即可控制，当前选定的值用"[document.all.sel.selectedIndex]"中括号括起来哦！