Attempting to use jQuery to make a separate drop down menu disappear, depending on whether or not the user selects Canada or United States in the Country drop down menu.<\/p>\n
The province drop down (for canada) is wrapped in a div titled provincediv<\/p>\n
Code is below:<\/p>\n
$(“#provincediv”).show();<\/p>\n
\/\/Show the text field only when the third option is chosen – this doesn’t
\n$(‘#EventCountry’).change(function() {
\nif ($(“#EventCountry”).val() == “1”) {
\n$(“#provincediv”).hide();
\n}
\nelse {
\n$(“#provincediv”).show();
\n}
\n});<\/p>\n
Unsure of what the value should be when trying to sync with the $countries array (in tribe-view-helpers.class.php) — Ive tried “United States”, I’ve tried “US”, and I’ve tried both “1” and “2” the number of lines it is down from the first array number. How can I properly connect this?<\/p>\n
Example: User clicks United States… the loadStates() is loaded as per usual, and the div provincediv is hidden. Is user clicks Canada, the provincediv is shown, and the loadStates() is hidden (as per usual)<\/p>\n
Thanks.<\/p>\n","protected":false},"template":"","class_list":["post-794660","topic","type-topic","status-closed","hentry"],"yoast_head":"\n