js怎样监听Select的Onchage事件?-CSDN论坛

js怎样监听Select的Onchage事件?

Web 开发 > JavaScript

收藏回复

[问题点数：50分，结帖人zc_0101]

⋅咨询下大家的MySQL服务器都是什么配置 ⋅我的世界杯之旅【有图有真相】 ⋅新手redhat5下安装mysql5请教 更多帖子 关注私信空间博客 zc_0101 等级 本版专家分：328 结帖率 100%

有一个select 例如:

<select id="selectid" onchange="_f()">

     <option value="a">a</a>

     <option value="b">b</a>

</select>

但我现在不想用在select里面加"onchange"的方式来执行函数_f(),
我想用一个单独的函数来监听这个select，一旦被onchange了，就
自动执行函数_f()

最好兼容IE和FF，谢谢帮忙！

2009-01-13 16:50:47

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅此用户还没有发表过任何帖子 关注私信空间博客 xinyung 等级 本版专家分：7837: attachEvent

2009-01-13 16:54:35

点赞只看TA 引用举报 #1得分 5

⋅mostone的留言板 ⋅后台语言播报您有一个新订单，用什么实现比较好 ⋅离开这个行业多年了，不知道现在升级到什么框架，技术了？ 更多帖子 关注私信空间博客 版主 mostone 等级 本版专家分：286: <html>
  <head>
    <script>
window.onload = function(){
  document.getElementById("selectid").onchang = function(){
    _f()
  }
}

function -f(){
  alert(2222222);
}
    </script>
  </head>
  <body>
    <select id="selectid">
      <option value="a">a</option>
      <option value="b">b</option>
    </select>
  </body>
</html>

2009-01-13 16:58:09

点赞只看TA 引用举报 #2得分 5

⋅呼叫管理员 ⋅求C#无边框窗体最大化后不档住任务栏的解决办法 ⋅200分求一简单问题 更多帖子 关注私信空间博客 littlelam 等级 本版专家分：20736 勋章 红花 2007年10月 Web 开发大版内专家分月排行榜第一 黄花 2007年11月 Web 开发大版内专家分月排行榜第二



During my development on SSIP i run into serveral problems with adding events dynamicly. After searching of an example implemetation i found this function 

addEventListener(eventName, eventHandlerFunctionName, false);

Of corse there is an other one for ie:). Now i had the wish to pass parameters to the passed function. The approach i found looked like this: 

addEventListener(eventName, function example(params){expression;}, false);

This meen we define the function directly in the addEventListenern an can then use local variables. But that was also not the solution i'm looking for. Ok then i taught i could directly write the function with the dynparameter on the tag with dom manipulation, something like this: 

    function addListener(element,type,expression){

        element = getListenerElement(element);

        if (navigator.appName.indexOf("Explorer") != -1){

            expression = new Function(expression);

        }



        element.setAttribute(type, expression);    

    }



    function getListenerElement(wichelement){

        if(wichelement == 'body'){

            element = document.getElementsByTagName("body")[0];

        }else{

            element = $(wichelement);

        }

        return element;

    }



    function $(element) {

      if (typeof element == 'string'){

        element = document.getElementById(element);

        return element;

      }

    }

Now you can pass a function as String that will work on Firefox. With IE you have to pass a function object so it will work. But you don't have to care about, because this small addListener function will handle that. 

The getListener Element just returns the handle element. It is not that smart, but fits my needs. 

The $ function i look up by prototype. Its just for reducing the length of the code. 

The only thing left is the remover function looking like this: 

    function removeListener(element,type){

        element = getListenerElement(element);

        element.setAttribute(type, '');    

    }

Thats the way it worked for me.

2009-01-13 16:58:42

点赞只看TA 引用举报 #3得分 30

⋅意外发现一个被忽略的语法

⋅or和rownum同时使用的索引问题

⋅关于oracle组合索引的group by

更多帖子

关注私信空间博客

fosjos

等级

本版专家分：14289

勋章

签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！

红花 2006年9月 Web 开发大版内专家分月排行榜第一

蓝花 2006年10月 Web 开发大版内专家分月排行榜第三: 楼主的意思还是一样，只是写法变化

window.onload = function(){
document.getElementById("selectid").onchange=_f;
}

2009-01-13 17:00:54

点赞只看TA 引用举报 #4得分 5

⋅如何判斷流覽器關閉畫面還是刷新畫面 ⋅我想请教一下雪糕点好,还是学习理发好呢..我现在还很年轻..... ⋅2009年您想好做什么兼职了吗? 更多帖子 关注私信空间博客 lu_huanling 等级 本版专家分：978

令一种可以这样:



<select id="selectid" >

     <option value="a">a</a>

     <option value="b">b</a>

</select>

<script>

document.getElementById("selectid").onchange=_f;

function _f()

{

	alert("aaa");

}

</script>

2009-01-13 17:02:33

点赞只看TA 引用举报 #5得分 5

⋅script 引入 vue, 修改element-ui全局变量的问题 ⋅phpexcel导出Excel后, 服务器目录下会生成 php(随机名称).tmp , 文件, 好像导出一次生成一次, 怎么回事 ⋅发布一款ASP+Access开发的轻量级CMS------AMCms 更多帖子 关注私信空间博客 windzjp 等级 本版专家分：4084: 有点意思

2009-01-13 17:12:44

点赞只看TA 引用举报 #6得分 0

⋅咨询下大家的MySQL服务器都是什么配置 ⋅我的世界杯之旅【有图有真相】 ⋅新手redhat5下安装mysql5请教 更多帖子 关注私信空间博客 zc_0101 等级 本版专家分：328: 其实我这个select 是通过另一个页面调入的，方式为


所以除了3楼以外其他的方法都不好使，但是3楼也没看懂。。。。

2009-01-16 16:39:18

点赞只看TA 引用举报 #7得分 0

⋅此用户还没有发表过任何帖子 关注私信空间博客 hrdesign 等级 本版专家分：208: 其实大家说的都差不多，而三楼的函数
getListenerElement(wichelement)和$(element)是取得element对象，针对的不是你的问题，对于这两个函数前面的内容讲的是如何给创建的事件监听函数(addEventListener或者attachEvent)所调用的函数传递参数，但是我看你的问题，_f()好像也不需要传递参数，所以感觉没啥用

var element = document.getElementById('#selectid')
element.addEventListener('change',_f,false)//针对FF等符合DOM的浏览器
element.attachEvent('change',_f,false)//针对IE

2009-01-16 16:59:33

点赞只看TA 引用举报 #8得分 0

⋅此用户还没有发表过任何帖子 关注私信空间博客 hrdesign 等级 本版专家分：208: 呵呵，我也写错了
element.attachEvent('change',_f,false)//针对IE
改成element.attachEvent('change',_f)//针对IE

2009-01-16 17:00:42

点赞只看TA 引用举报 #9得分 0

⋅此用户还没有发表过任何帖子 关注私信空间博客 hrdesign 等级 本版专家分：208: 郁闷，发现自己最近写东西不多想,又少了'on',element.attachEvent('onchange',_f)//针对IE

2009-01-16 17:01:54

点赞只看TA 引用举报 #10得分 0

1 2

收起

收藏回复

zc_0101

等级：

关注私信 TA的帖子

layui 中select下拉change事件失效的解决方法: 今天小编就为大家分享一篇layui 中select下拉change事件失效的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

Select下拉框onchange事件获取option的value值: select name="type" onchange="show_sub(this.options[this.options.selectedIndex].value)"> <option value="0">请选择主类别</option> &...

Layui select（下拉框）绑定change事件: HMTL代码： <form> <select id='select1' ...JS 代码： layui.use(['layer', 'jquery', 'form'], function () { var layer = layui.layer, $ = layui.jquery, form = layui.form; form.on('select

wdatepicker的onchange事件: wdatepicker的onchange事件前言前言今天业务需要用到时间控件选择后，执行一些操作，如下这是使用wdatepicker时间控件的样子，wdatepicker重写了onchange事件，因此无法绑定change事件，但是可以使用它自带的...

onchange() 事件: onchange 事件会在域的...支持该事件的 JavaScript 对象： fileUpload, select, text, textarea 在本例中，我们将在用户改变输入域内容时执行 JavaScript 代码： <html> <head> &l...

JS 之onchange onclick ……常用事件: JS常用的五大事件 onclick nochanger onload onsubmit onblur JS事件一、什么是事件？事件是电脑输入设备与页面交互的响应。我们称之为事件。常用的事件： onload加载完成事件 onclick单击事件 onblur失去焦点...

js 显示刚刚上传的图片（onchange事件）: <table> <tr width="100"> <td>上传商场图片：</td> <td> <input type="file" name="img" onchange="previ...

使用js来触发onChange事件: 平常在做开发的时候，经常会遇到使用js来改变Select下拉框的值，然后又需要出发onchange事件来完成联动等操作，我们可以使用js中的Object.fireEvent("事件名")来触发事件,所以要触发onchange只需 document....

js/jquery 实时监听输入框值变化的完美方案：oninput & onpropertychange: (1) 先说jquery, 使用 ... oninput 和 onpropertychange 两个事件就可以了，示例代码： $('#username').bind('input propertychange', function() { $('#content').html($(this).val().length ...

3.JavaScript技术: 一、JavaScript介绍 1、JavaScript历史最早的JavaScript的出现是为了简单的页面体验，完成页面的数据校验。在JavaScript发展的过程中，出现了微软也提出前端的脚本语言：JScript。 W3C组织将两个公司约谈，指定的...

jsBOM_DOM编程: BOM编程一句话概括：使用js代码控制浏览器。 BOM编程原理：浏览器被封装了不同对象，可以通过浏览器对象控制浏览器。 js提供了四个浏览器对象（window对象，history对象，location对象，screen对象），可以使用这些...

简单的javascript学习01: ------------------------------------------------------------------------------------------------------------------------------------------------------ 第一天 --------------------------------...

JavaScript基础语法ECMAScript和Web APIs: JavaScript基础一、基础语法 ECMAScript JavaScript是一门脚本语言，有以下特点：解释性语言，支持跨平台类C，Java风格的编程语言动态语言，动态数据类型，可以动态执行基于原型的面向对象编程语言（针对ES6...

从零基础开始用Python处理Excel数据.pdf: 首先学习Python的基础知识，然后使用Python来控制Excel，做数据处理。 Excel使用者、Python爱好者、数据处理人员、办公人员等第1章 python基础 1.1 什么是python？ 1.2 为什么要学习用Python处理Excel表格？ 1.3 手把手教你安装python程序 1.3.1 下载python 1.3.2 安装python 1.3.3 验证是否安装成功 1.4 安装Python集成开发工具PyCharm 1.4.1 下载 1.4.2 安装 1.5 Python的输入与输出

Java基础核心技术：面向对象编程(day05-day07): 本套Java视频完全针对初级学员，课堂实录，自发布以来，好评如潮！Java视频中注重与学生互动，讲授幽默诙谐、细致入微，覆盖Java基础所有核心知识点，同类Java视频中也是代码量大、案例多、实战性强的。同时，本Java视频教程注重技术原理剖析，深入JDK源码，辅以代码实战贯穿始终，用实践驱动理论，并辅以必要的代码练习。通过20的课程学习，使学员掌握java核心语法、面向对象思想编程、异常处理、IO流、集合类、多线程、网络编程等。

jdk1.8 64位官方正式版 jdk-8u91-windows: jdk1.8 64位官方正式版 jdk-8u91-windows

C#入门必看实力程序100个: C#入门必看含有100个例字,每个例子都是针对C#的学习关键知识点设计的,是学习C#必须知道的一些程序例子,分享给大家，需要的可以下载

1天搞定Python进阶课程-数据分析库Pandas: pandas是python中非常常用的数据分析库，在数据分析，机器学习，深度学习等领域经常被使用。本课程会讲解到pandas中核心的一些知识点，包括Series以及DataFrame的构建，赋值，操作，选择数据，合并等等，以及使用pandas对文件进行读取和写入，使用pandas绘图等等。让大家在短时间内快速掌握python的数据分析库pandas的使用。

Java面试题大全（备战2021）: 这本面试手册包含了Java基础、Java集合、JVM、Spring、Spring Boot、Spring Cloud、Mysql、Redis、RabbitMQ、Dubbo、Netty、分布式及架构设计等方面的技术点。内容难度参差，满足初中高级Java工程师的面试需求。

OCJP认证考试复习课: OCJP是甲骨文推出的的国际认证。本课程由Java总监级讲师专注Java十三年，不但包含OCJP考试全部内容，还特意制作了很有针对性的阶段性项目让学习考取证书的同时获取一定的项目经验。相关视频 OCJP(Oracle Certified Java Programmer)是Oracle认证的Java程序员的简称，即Sun被Oracle收购之前的SCJP，是Java语言的拥有厂商对全球的Java开发人员进行的技术水平认证。该认证在国际上获得了IT 公司的普遍认可，是目前国际上最热门的IT认证之一。

xshell & xftp.zip: xshell6 和 xftp6个人版，直接安装即可使用。

javaweb mooc在线系统案例实战: 讲解在线mooc系统的开发，从需求分析到类图设计，数据库设计，架构设计，代码编写等等。掌握java web开发实战

官方 DEV C++ 中文版: 官方的DEV C++ 规范好用的自学C语言工具

七夕情人节表白HTML源码(两款): 七夕节、情人节表白用的HTML源码(两款)

以太坊ETH挖矿图文教程2.0: 本教程页数不多，7页，主要描述如何使用以太坊ETH挖矿，图文并茂的展示和流程细节的体现，基本看了一遍就肯定能够学会了。

jd_seckill京东抢茅台插件最新版【京东飞天茅台1499抢购】Python脚本的完整安装+使用教程: jd_seckill京东抢茅台插件最新版【京东飞天茅台1499抢购】Python脚本的完整安装+使用教程，这个很好用，稳定出单！

Java初级入门知识精讲: Java初级入门知识精讲课程，采用示例演绎、场景描绘、核心提炼、经验分享等方式，、简练的对如下Java SE阶段知识进行讲解： Java介绍、流程控制、Java数组、面向对象、异常处理、集合框架、多线程、输入和输出、网络基础、网络编程、数据库基础、JDBC编程为快速熟悉Java入门知识而准备的精讲，动手编程的同时，加深理解和融会贯通。

SecureCRT中文破解版: SecureCRT中文破解版欢迎大家下载，非最新版本！！！

Xshell-7.0个人免费版.zip: Xshell-7.0个人免费版，供个人免费使用。 Xshell 是一个强大的安全终端模拟软件，它支持SSH1, SSH2, 以及Microsoft Windows 平台的TELNET 协议。Xshell 通过互联网到远程主机的安全连接以及它创新性的设计和特色帮助用户在复杂的网络环境中享受他们的工作。Xshell可以在Windows界面下用来访问远端不同系统下的服务器，从而比较好的达到远程控制终端的目的。除此之外，其还有丰富的外观配色方案以及样式选择。

C Primer Plus 第6版中文版.pdf带书签非扫描版良心资源: C+Primer+Plus（第6版）中文版,不是扫描版,而是文字电子书，非常的高清，带目录

相关热词 c# mssql操作 c#免费的人脸识别sdk c# image c#書籍推薦 c#打印pdf中的图片 c# 抽象函数的作用 mono打包c# c#网关技术选型 c#比java简单 c#线程和锁