html页面加载触发的事件,jquery页面加载触发onchange事件

jquery页面加载触发onchange事件2017-08-31 14:57

在用到select的时候，我们经常会一起使用select的onchange事件。

如果是直接选择触发此事件，那倒是很简单。

但是如果要在页面载的时候就触发onchange事件，又应该如何写代码呢？

小编以前一直使用的是下面这个方法，就是fireEvent。 javascript代码var selectmenu=document.getElementById("selectmenu");

for(var i=0;i

if(selectmenu.options[i].value=="需要触发事件对应的value值")

{

selectmenu.options[i].selected=true;

if (selectmenu.fireEvent){

selectmenu.fireEvent("onchange");

}else{

selectmenu.onchange();

}

先是遍历每个options，然后判断等于其值的时候，再选中其option，然后再绑定onchange事件。

一直觉得这样好麻烦，最近偶然发现一个非常简单，只需一段代码就可搞定。

就是使用trigger()方法。

$("#selectmenu").trigger("change");

trigger()方法可以触发被选元素的指定事件类型，因此不管是chnage，还是click等等都可以。

html页面加载触发的事件,jquery页面加载触发onchange事件相关推荐

php jquery点击事件,jQuery操作html元素点击事件详解
这次给大家带来jQuery操作html元素点击事件详解,jQuery操作html元素点击事件的注意事项有哪些,下面就是实战案例,一起来看一下. 移除或禁用html元素的点击事件可以通过css实现也可以 ...
html资源加载前触发事件,jquery页面加载时触发ready()事件
ready()事件类似于onLoad()事件,但前者只要页面的DOM结构加载后便触发,而后者必须在页面全部元素加载成功才触发,ready()可以写多个,按顺序执行.此外,下列写法是相等的: $(doc ...
JQuery 绑定select标签的onchange事件
原文出处:http://blog.csdn.net/a5489888/article/details/20045175 使用jqm的change事件 <script src="jque ...
html下拉框onchange事件,javascript jquery框架如何为html中select标签绑定onChange事件呢？...
摘要: 下文讲述使用jquery框架为select标签绑定onChange事件的方法分享,如下所示: 在html中我们知道select标签是一个下拉标签,我们可以通过此标签限定标签中的值, onCha ...
jquery操作select时怎么产生事件
jquery操作select时怎么产生事件 jquery操作select时怎么产生事件, 如我设置2为选中项 $('#select').val("2"); 哪么怎么同时产生一个on ...
js中的onchange事件
js中的onchange事件刚开始接触 onchange 事件就开始幻想能做很多炫酷的事情,但是初学JS时知识不够全面,力不从心.对于onchange事件还不够了解. onchange事件被描述为 ...
js中onchange事件举例用法
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>举例示 ...
【JavaScript】——input元素的oninput事件和onchange事件
1.oninput事件是在输入框中输入时就会触发,该事件在<input>或<textarea>元素的值发送改变时触发. 2.onchange事件是在输入框输入完内容后,输入框失 ...
html页面加载时触发的方法,在页面加载时触发onchange html事件
好的,我在select字段上有一个onchange事件.它现在很棒.当下拉"网络"更改时,它会刷新第二个下拉列表.我还希望顶部的ajax代码在页面加载和onchange上触发,以便 ...

html页面加载触发的事件,jquery页面加载触发onchange事件

html页面加载触发的事件,jquery页面加载触发onchange事件相关推荐

最新文章

热门文章