前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >javascript当中option事件冒泡

javascript当中option事件冒泡

作者头像
马克java社区
修改2021-01-28 10:03:53
7350
修改2021-01-28 10:03:53
举报
文章被收录于专栏:java大数据

4.option事件冒泡

马克-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.οnlοad=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">

更多请见:https://blog.csdn.net/qq_43650923/article/details/103051109

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档