下拉框OnChange无刷新触发文本框值变化

本文最后更新于2013年5月23日,已超过半年没有更新,如果内容失效,请反馈,谢谢!

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

<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 value="512" size="8" title="系统里设置的码率"> Kbps

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

除非注明,流浪天下 文章均为原创,转载请以链接形式注明出处。
本文链接地址:
订阅本站:http://maie.name/feed投稿联系:m[at]maie.name

猜你也喜欢:

共有 1 条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注