Javascript alternative to jquery code [duplicate]

Question

Currently on my project I have to trigger an ID whenever the window fully loads. So, to do that I have included jquery library and written the following script:

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

But I would like to know how can I achieve the same with just javascript as using the entire jQuery library for just few lines of codes is not ideal. I did search on the internet for how to trigger change event when window loads with the help of javascript but the solutions didn't help. So, if any one can help me out.

A solution that I tried:

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

But did not work. It shows an error document.getElementById(...).change is not a function.

Rayon · Accepted Answer · 2016-03-01 12:27:16Z

1

Try .onchange() like this:

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>

edited Mar 1, 2016 at 12:27

answered Mar 1, 2016 at 12:20

Rayon

36.6k5 gold badges54 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

nenadg · Accepted Answer · 2016-03-01 12:22:31Z

1

Just add load event listener to window object:

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

answered Mar 1, 2016 at 12:22

nenadg

43013 silver badges19 bronze badges

1 Comment

Kiran Dash Over a year ago

Thanks, I was thinking that on load it would solve the issue but still it shows the error document.getElementById(...).change is not a function.

Collectives™ on Stack Overflow

Javascript alternative to jquery code [duplicate]

2 Answers 2

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Linked

Related