javascript當(dāng)中option事件冒泡

馬克- to-win:馬克 java社區(qū):防盜版實名手機尾號: 73203。
馬克-to-win:onChange事件option談不到,只有select才談onChange。只有onClick事件二者都有,才談到冒泡。



例 4.1(getElementsByTagName()IEFF.html)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>

<SCRIPT LANGUAGE="JavaScript">
<!--
window.onload=function(){
    var arr = document.getElementsByTagName("option");
    alert("arr[i].value is "+arr[2].value);
}

//-->
</SCRIPT>
</HEAD>

<BODY>
<SELECT NAME="" onChange="document.getElementById('info').innerHTML+='select';" id="province"  style="width:140px;background-color:red">
    <option onChange="document.getElementById('info').innerHTML+='option hong';">紅</option>
    <option onChange="document.getElementById('info').innerHTML+='option lan';">蘭</option>
    <option value="紫">紫1</option>
</SELECT>
<span id="info"></span>
</BODY>
</HTML>




例 4.2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>


</HEAD>

<BODY>
<SELECT NAME="" onClick="document.getElementById('info').innerHTML+='select';" id="province"  style="width:140px;background-color:red">
    <option onClick="document.getElementById('info').innerHTML+='option hong';">紅</option>
    <option onClick="document.getElementById('info').innerHTML+='option lan';">蘭</option>
    <option>紫</option>
</SELECT>
<span id="info"></span>
</BODY>
</HTML>