当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > Select的OnChange()事件

HTML/XHTML教程
Data URI和MHTML完整解决所有浏览器
HTML表格边框的控制实现代码
6个不常用HTML标记使用说明
HTML5 Canvas概述
IE6 空格bug修正方法
w3c组织给出html4的样式建议
IE6下网页制作参考 IE6 默认样式
html标签a的target属性的用法
XHTML+CSS写出正规的BLOG
HTML教程:收集的常用的HTML标签(4)
HTML教程:收集的常用的HTML标签(6)
动态修改框架(frame)src属性的方法
HTML基础:HTML的基本结构
网页制作解惑:图象文件的路径
HTML教程:html水平线段<HR />
HTML表格标记教程(18):表格的表头<TH>
HTML表格标记教程(19):行标记<TR>属性
HTML表格标记教程(26):单元格标记<TD>属性
XHTML教程:针对初学者的XHTML基础
HTML表格标记教程(44):表格的表首标记<THEAD>

HTML/XHTML教程 中的 Select的OnChange()事件


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 94 ::
收藏到网摘: n/a

    我们用Select的onchange事件时,常会遇到这样一个问题,那就是连续选相同一项时,不触发onchange事件.select的onchange事件就是这样子的.你得有Change(改变),才能触发该事件....

掌握了它的特性后,相应的解决办法也很简单.

<select name=sel onchange="bao(this.options[this.options.selectedIndex].value)">
<option value="">请选择
<option value="1">Item 1
<option value="2">Item 2
<option value="3">Item 3
</select>
<script>
function bao(s)
{
    txt.value+=s;
    //选择后,让第一项被选中,这样,就有Change啦.
    document.all.sel.options[0].selected=true;
}
</script>
<textarea id=txt></textarea>