Trigger change event of dropdown

Question

I want to trigger the change event of dropdown in   document  ready using jquery   I have a cascading dropdown for country and state in user details page  how can i set the value  which is taken from DB based on the user id  for country and state in MVC with C

User · Accepted Answer

I don t know that much JQuery but I ve heard it allows to fire native events with this syntax     document  ready function             countrylist   change function e             Your event handler                 And now fire change event when the DOM is ready         countrylist   trigger  change          You must declare the change event handler before calling trigger   or change   otherwise it won t be fired  Thanks for the mention  LenielMacaferi   More information here

User · Answer

alternatively you can put onchange attribute on the dropdownlist itself  that onchange will call certain jquery function like this    lt input type  dropdownlist  onchange  jqueryFunc    gt    lt script type  text javascript  gt    function        jqueryFunc              something goes here            lt  script gt    hope this one helps you  and please note that this code is just a rough draft  not tested on any ide  thanks

User · Answer

Try this       id   change      Works for me   On one line together with setting the value        id   val 16  change

User · Answer

If you are trying to have linked drop downs  the best way to do it is to have a script that returns the a prebuilt select box and an AJAX call that requests it   Here is the documentation for jQuery s Ajax method if you need it     document  ready function             countrylist   change function e            this     e target             ajax               type   POST               url   scriptname asp      Don t know asp asp net at all so you will have to do this bit             data    country   this val                  success function data                       stateBoxHook   html data                                            Then have a span around your state select box with the id of  stateBoxHook

User · Answer

Try this     document  ready function event            countrylist   change function e               put code here         change          Define the change event  and trigger it immediately  This ensures the event handler is defined before calling it   Might be late to answer the original poster  but someone else might benefit from the shorthand notation  and this follows jQuery s chaining  etc  jquery chaining

User · Answer

For some reason  the other jQuery solutions provided here worked when running the script from console  however  it did not work for me when triggered from Chrome Bookmarklets   Luckily  this Vanilla JS solution  the triggerChangeEvent function  did work    x000D   x000D      x000D      Trigger a  change  event on given drop down option element  x000D      WARNING  only works if not already selected  x000D       see https   stackoverflow com questions 902212 trigger-change-event-of-dropdown 58579258 58579258 x000D       x000D  function triggerChangeEvent option    x000D       set selected property x000D    option selected   true  x000D     x000D       raise event on parent  lt select gt  element x000D    if   createEvent  in document    x000D      var evt   document createEvent  HTMLEvents    x000D      evt initEvent  change   false  true   x000D      option parentNode dispatchEvent evt   x000D      x000D    else   x000D      option parentNode fireEvent  onchange    x000D      x000D    x000D   x000D                                                      x000D     Setup our test case x000D                                                      x000D   x000D   function setup     x000D    const sel   document querySelector   fruit    x000D    sel onchange        gt    x000D      document querySelector   result   textContent   sel value  x000D       x000D        x000D   x000D  function runTest     x000D    const sel   document querySelector   selector   value  x000D    const optionEl   document querySelector sel   x000D    triggerChangeEvent optionEl   x000D    x000D   lt select id  fruit  gt  x000D     lt option value    gt  select a fruit  lt  option gt  x000D     lt option value  apple  gt Apple lt  option gt  x000D     lt option value  banana  gt Banana lt  option gt  x000D     lt option value  pineapple  gt Pineapple lt  option gt  x000D   lt  select gt  x000D   x000D   lt p gt  x000D    You have selected   lt b id  result  gt  lt  b gt  x000D   lt  p gt  x000D   lt p gt  x000D     lt input id  selector  placeholder  selector  value  option value  banana    gt  x000D     lt button onclick  runTest    gt Trigger select  lt  button gt  x000D   lt  p gt  x000D   x000D   x000D

[jquery] Trigger change event of dropdown

Examples related to jquery

Examples related to asp.net-mvc

Examples related to triggers