2016-03-01 115 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不是一個函數。 –