<select id="selectid" onchange="_f()">
<option value="a">a</a>
<option value="b">b</a>
</select>
但我现在不想用在select里面加"onchange"的方式来执行函数_f(),
我想用一个单独的函数来监听这个select,一旦被onchange了,就
自动执行函数_f()
最好兼容IE和FF,谢谢帮忙!
<select id="selectid" onchange="_f()">
<option value="a">a</a>
<option value="b">b</a>
</select>
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.
<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>
今天小编就为大家分享一篇layui 中select下拉change事件失效的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
select name="type" onchange="show_sub(this.options[this.options.selectedIndex].value)"> <option value="0">请选择主类别</option> &...
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时间控件的样子,wdatepicker重写了onchange事件,因此无法绑定change事件,但是可以使用它自带的...
onchange 事件会在域的...支持该事件的 JavaScript 对象: fileUpload, select, text, textarea 在本例中,我们将在用户改变输入域内容时执行 JavaScript 代码: <html> <head> &l...
JS常用的五大事件 onclick nochanger onload onsubmit onblur JS事件 一、什么是事件?事件是电脑输入设备与页面交互的响应。我们称之为事件。常用的事件: onload加载完成事件 onclick单击事件 onblur失去焦点...
<table> <tr width="100"> <td>上传商场图片:</td> <td> <input type="file" name="img" onchange="previ...
平常在做开发的时候,经常会遇到使用js来改变Select下拉框的值,然后又需要出发onchange事件来完成联动等操作,我们可以使用js中的Object.fireEvent("事件名")来触发事件,所以要触发onchange只需 document....
(1) 先说jquery, 使用 ... oninput 和 onpropertychange 两个事件就可以了,示例代码: $('#username').bind('input propertychange', function() { $('#content').html($(this).val().length ...
一、JavaScript介绍 1、JavaScript历史 最早的JavaScript的出现是为了简单的页面体验,完成页面的数据校验。 在JavaScript发展的过程中,出现了微软也提出前端的脚本语言:JScript。 W3C组织将两个公司约谈,指定的...
BOM编程一句话概括:使用js代码控制浏览器。 BOM编程原理:浏览器被封装了不同对象,可以通过浏览器对象控制浏览器。 js提供了四个浏览器对象(window对象,history对象,location对象,screen对象),可以使用这些...
------------------------------------------------------------------------------------------------------------------------------------------------------ 第一天 --------------------------------...
JavaScript基础 一、基础语法 ECMAScript JavaScript是一门脚本语言,有以下特点: 解释性语言,支持跨平台 类C,Java风格的编程语言 动态语言,动态数据类型,可以动态执行 基于原型的面向对象编程语言(针对ES6...
首先学习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视频完全针对初级学员,课堂实录,自发布以来,好评如潮!Java视频中注重与学生互动,讲授幽默诙谐、细致入微,覆盖Java基础所有核心知识点,同类Java视频中也是代码量大、案例多、实战性强的。同时,本Java视频教程注重技术原理剖析,深入JDK源码,辅以代码实战贯穿始终,用实践驱动理论,并辅以必要的代码练习。 通过20的课程学习,使学员掌握java核心语法、面向对象思想编程、异常处理、IO流、集合类、多线程、网络编程等。
jdk1.8 64位官方正式版 jdk-8u91-windows
C#入门必看含有100个例字,每个例子都是针对C#的学习关键知识点设计的,是学习C#必须知道的一些程序例子,分享给大家,需要的可以下载
pandas是python中非常常用的数据分析库,在数据分析,机器学习,深度学习等领域经常被使用。本课程会讲解到pandas中核心的一些知识点,包括Series以及DataFrame的构建,赋值,操作,选择数据,合并等等,以及使用pandas对文件进行读取和写入,使用pandas绘图等等。 让大家在短时间内快速掌握python的数据分析库pandas的使用。
这本面试手册包含了Java基础、Java集合、JVM、Spring、Spring Boot、Spring Cloud、Mysql、Redis、RabbitMQ、Dubbo、Netty、分布式及架构设计等方面的技术点。内容难度参差,满足初中高级Java工程师的面试需求。
OCJP是甲骨文推出的的国际认证。 本课程由Java总监级讲师专注Java十三年,不但包含OCJP考试全部内容,还特意制作了很有针对性的阶段性项目让学习考取证书的同时获取一定的项目经验。 相关视频 OCJP(Oracle Certified Java Programmer)是Oracle认证的Java程序员的简称,即Sun被Oracle收购之前的SCJP,是Java语言的拥有厂商对全球的Java开发人员进行的 技术水平认证。该认证在国际上获得了IT 公司的普遍认可, 是目前国际上最热门的IT认证之一。
xshell6 和 xftp6个人版,直接安装即可使用。
讲解在线mooc系统的开发,从需求分析到类图设计,数据库设计,架构设计,代码编写等等。 掌握java web开发实战
官方的DEV C++ 规范好用的自学C语言工具
七夕节、情人节表白用的HTML源码(两款)
本教程页数不多,7页,主要描述如何使用以太坊ETH挖矿,图文并茂的展示和流程细节的体现,基本看了一遍就肯定能够学会了。
jd_seckill京东抢茅台插件最新版【京东飞天茅台1499抢购】Python脚本的完整安装+使用教程,这个很好用,稳定出单!
Java初级入门知识精讲课程,采用示例演绎、场景描绘、核心提炼、经验分享等方式,、简练的对如下Java SE阶段知识进行讲解: Java介绍、流程控制、Java数组、面向对象、异常处理、集合框架、多线程、输入和输出、网络基础、网络编程、数据库基础、JDBC编程 为快速熟悉Java入门知识而准备的精讲,动手编程的同时,加深理解和融会贯通。
SecureCRT中文破解版欢迎大家下载,非最新版本!!!
Xshell-7.0个人免费版 ,供个人免费使用。 Xshell 是一个强大的安全终端模拟软件,它支持SSH1, SSH2, 以及Microsoft Windows 平台的TELNET 协议。Xshell 通过互联网到远程主机的安全连接以及它创新性的设计和特色帮助用户在复杂的网络环境中享受他们的工作。Xshell可以在Windows界面下用来访问远端不同系统下的服务器,从而比较好的达到远程控制终端的目的。除此之外,其还有丰富的外观配色方案以及样式选择。
C+Primer+Plus(第6版)中文版,不是扫描版,而是文字电子书,非常的高清,带目录