javascript - js hide function -

When the page loads (the first dropdown (div position id) is dynamically populated with mysql db) or the user chooses unemployed - EI, Div Status_sub_6 shows the second selection statement from the first dropdown box.

Mys Right The show function fits the change, but the function hides the second dropdown list when the page is loaded, even if the dynamically populated values ​​of the first selection (status id) match the comparison criteria.

I'm sure I need anload job which overrides the following .js code but really appreciates some help in creating additional code.

Javascript:

  $ (document) .ready (function () {$ ('# status_sub_6'). Hide ($); $ ('# Status_sub_6'). {} ($ ('(# $ Status') and {$ ('# conditionIID option: selected'). ('# Status_sub_6'). Hide ();}}})}};    
 
 
 You can do this  trigger  after a change event is correct.  
  $ (document) .ready (function () {... // your Current code ... $ ('# statusID'). Trigger ('change'); // one change trigger}}