下拉框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]”中括号括起来哦!



除非注明,流浪天下 文章均为原创,转载请以链接形式注明出处。查看声明
本文链接地址:
订阅本站:https://maie.name/feed打赏:https://maie.name/donation

背包客,徒步自助旅行爱好者,户外旅行风光爱好者。前逍遥山水间户外团队成员,“流浪天下”博客网站站长。背包旅行,流浪天下,行走的日子,我只是天堂的过客...

猜你也喜欢:

1 条评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注