2016-03-01 100 views
0

当前在我的项目中,我必须在窗口完全加载时触发一个ID。因此,要做到这一点我已经包括jQuery库,并写了下面的脚本:Javascript替代jQuery代码

$(window).load(function(){ 
    $('#parent_cat').trigger('change'); 
}); 

但我想知道我怎样才能实现只用JavaScript的一样采用了全jQuery库的代码只有几行并不理想。我在互联网上搜索了如何在JavaScript帮助下加载窗口时触发更改事件,但解决方案没有帮助。所以,如果有人能帮助我。

,我尝试了解决方案:

document.getElementById("parent_cat").onchange(); 

但没有奏效。它显示一个错误document.getElementById(...)。change不是一个函数。

回答

1

尝试.onchange()这样的:

function onChange(elem) { 
 
    alert(elem.value); 
 
} 
 
document.getElementById("parent_cat").onchange();
<select id="parent_cat" onchange="onChange(this)"> 
 
    <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
</select>

1

只需添加负载事件侦听器窗口对象:

window.addEventListener('load', function(){ 
    ... your code ... 
}); 
+0

谢谢,我在想,在负载它会解决这个问题但它仍然显示错误document.getElementById(...)。change不是一个函数。 –