creating a delay

Bottom line is that I don't need a delay. What I need is a way to force a form submission.

Will this possibly work?

Code:

header("Cache-Control: no-cache, no-store, must-revalidate"); // HTTP 1.1.
header("Pragma: no-cache"); // HTTP 1.0.
header("Expires: 0");

I'm not sure how much distance you'll get out of this... it's a page refresh... which is being generated at the server-end when the page is being created... so why not just prep the page with the correct material before sending it the first time (?).

To be fair, I've not read the whole thread... but if you want something modified when something is clicked or selected, you could try using onchange='whatever.you.want.done' as one of the properties of the tag:

Code:

<select id="country_1" class="country-inject custom-select" name="addr_1_country" onchange='sub("CountryState/fetch_states", "insert_id|state_li... >
...
</select>