/    Sign up×
Community /Pin to ProfileBookmark

disappear the row

i am currently working on the Javascirpt, i want to someone select on the country question if the user selects either US or Canada please show the state question. If the user either selects UK, AUS or NZ please hide the state question since I am not passing state for any of those countries.

Here is the my code, but i could not make the hide state question work:

<script type=”text/javascript” language=”JavaScript”>
<!–
function setOptions(area,dropdown)
{
var status=area[area.selectedIndex].value;
dropdown.options.length = 1;
if (status == “”) {
dropdown.options[0] = new Option(‘Please select one of the options above first’,’ ‘);
}

else if (status == “United States”) {
dropdown.options[0] = new Option(‘- Select a Program -‘,”);
dropdown.options[1] = new Option(‘Armed Forces Americas’,’AA’);
dropdown.options[2] = new Option(‘Armed Forces Canada & Europe’,’AE’);
dropdown.options[3] = new Option(‘Alaska’,’AK’);
dropdown.options[4] = new Option(‘Alabama’,’AL’);
dropdown.options[5] = new Option(‘Armed Forces Pacific’,’AP’);
dropdown.options[6] = new Option(‘Arkansas’,’AR’);
dropdown.options[7] = new Option(‘AmericanSamoa’,’AS’);
dropdown.options[8] = new Option(‘Arizona’,’AZ’);
dropdown.options[9] = new Option(‘California’,’CA’);
dropdown.options[10] = new Option(‘Colorado’,’CO’);
dropdown.options[11] = new Option(‘Connecticut’,’CT’);
dropdown.options[12] = new Option(‘District of Columbia’,’DC’);
dropdown.options[13] = new Option(‘Delaware’,’DE’);
dropdown.options[14] = new Option(‘Florida’,’FL’);
dropdown.options[15] = new Option(‘Federated States of Micronesia’,’FM’);
dropdown.options[16] = new Option(‘Georgia’,’GA’);
dropdown.options[17] = new Option(‘Guam’,’GU’);
dropdown.options[18] = new Option(‘Hawaii’,’HI’);
dropdown.options[19] = new Option(‘Iowa’,’IA’);
dropdown.options[20] = new Option(‘Idaho’,’ID’);
dropdown.options[21] = new Option(‘Illinois’,’IL’);
dropdown.options[22] = new Option(‘Indiana’,’IN’);
dropdown.options[23] = new Option(‘Kansas’,’KS’);
dropdown.options[24] = new Option(‘Kentucky’,’KY’);
dropdown.options[25] = new Option(‘Louisiana’,’LA’);
dropdown.options[26] = new Option(‘Massachusetts’,’MA’);
dropdown.options[27] = new Option(‘Maryland’,’MD’);
dropdown.options[28] = new Option(‘Maine’,’ME’);
dropdown.options[29] = new Option(‘Marshall Islands’,’MH’);
dropdown.options[30] = new Option(‘Michigan’,’MI’);
dropdown.options[31] = new Option(‘Minnesota’,’MN’);
dropdown.options[32] = new Option(‘Missouri’,’MO’);
dropdown.options[33] = new Option(‘Northern Mariana Islands’,’MP’);
dropdown.options[34] = new Option(‘Mississippi’,’MS’);
dropdown.options[35] = new Option(‘MT’,’Montana’);
dropdown.options[36] = new Option(‘North Carolina’,’NC’);
dropdown.options[37] = new Option(‘North Dakota’,’ND’);
dropdown.options[38] = new Option(‘Nebraska’,’NE’);
dropdown.options[39] = new Option(‘New Hampshire’,’NH’);
dropdown.options[40] = new Option(‘New Jersey’,’NJ’);
dropdown.options[41] = new Option(‘New Mexico’,’NM’);
dropdown.options[42] = new Option(‘Nevada’,’NV’);
dropdown.options[43] = new Option(‘New York’,’NY’);
dropdown.options[44] = new Option(‘Ohio’,’OH’);
dropdown.options[45] = new Option(‘Oklahoma’,’OK’);
dropdown.options[46] = new Option(‘Oregon’,’OR’);
dropdown.options[47] = new Option(‘Pennsylvania’,’PA’);
dropdown.options[48] = new Option(‘Puerto Rico’,’PR’);
dropdown.options[49] = new Option(‘Palau’,’PW’);
dropdown.options[50] = new Option(‘Rhode Island’,’RI’);
dropdown.options[51] = new Option(‘South Carolina’,’SC’);
dropdown.options[52] = new Option(‘South Dakota’,’SD’);
dropdown.options[53] = new Option(‘Tennessee’,’TN’);
dropdown.options[54] = new Option(‘Texas’,’TX’);
dropdown.options[55] = new Option(‘Utah’,’UT’);
dropdown.options[56] = new Option(‘Virginia’,’VA’);
dropdown.options[57] = new Option(‘U.S.Virgin Islands’,’VI’);
dropdown.options[58] = new Option(‘Vermont’,’VT’);
dropdown.options[59] = new Option(‘Washington’,’WA’);
dropdown.options[60] = new Option(‘Wisconsin’,’WI’);
dropdown.options[61] = new Option(‘West Virginia’,’WV’);
dropdown.options[62] = new Option(‘Wyoming’,’WY’);

}

else if (status == “Canada”) {
dropdown.options[0] = new Option(‘- Select a Program -‘,”);
dropdown.options[1] = new Option(‘Alberta’,’AB’);
dropdown.options[2] = new Option(‘British Columbia’,’BC’);
dropdown.options[3] = new Option(‘Manitoba’,’MB’);
dropdown.options[4] = new Option(‘New Brunswick’,’NB’);
dropdown.options[5] = new Option(‘Newfoundland’,’NF’);
dropdown.options[6] = new Option(‘Nova Sctia’,’NS’);
dropdown.options[7] = new Option(‘Northwest Territories’,’NT’);
dropdown.options[8] = new Option(‘Ontario’,’ON’);
dropdown.options[9] = new Option(‘Prince Edward Island’,’PE’);
dropdown.options[10] = new Option(‘Saskatchewan’,’SK’);
dropdown.options[11] = new Option(‘Yukon’,’YT’);

}

else if (status == “United Kingdom”) {
e792_8 = none;
}

else if (status == “Australia”) {
dropdown.options[0] = new Option(‘- Select a Program -‘,”);
}
else if (status == “New Zealand”) {
dropdown.options[0] = new Option(‘- Select a Program -‘,”);
}

}
//–>
</script>

to post a comment
JavaScript

3 Comments(s)

Copy linkTweet thisAlerts:
@BigMoosieMay 10.2005 — Instead of populating the list I suggest you have separate state lists for separate countries and show or hide them.
Copy linkTweet thisAlerts:
@handong888authorMay 10.2005 — how can i do that??
Copy linkTweet thisAlerts:
@BigMoosieMay 11.2005 — Now it works even for people with javascript disabled.
&lt;FORM name="myForm" action=""&gt;
&lt;FIELDSET&gt;
&lt;SELECT size="1" name="area"&gt;
&lt;OPTION value="United States"&gt;United States&lt;/OPTION&gt;
&lt;OPTION value="Canada"&gt;Canada&lt;/OPTION&gt;
&lt;OPTION value="United Kingdom"&gt;United Kingdom&lt;/OPTION&gt;
&lt;OPTION value="Australia"&gt;Australia&lt;/OPTION&gt;
&lt;OPTION value="New Zealand"&gt;New Zealand&lt;/OPTION&gt;
&lt;/SELECT&gt;
&lt;BR&gt;
&lt;BR&gt;
&lt;SELECT size="1" name="us_dropdown"&gt;
&lt;OPTION selected&gt;- Select a Program (If US) -&lt;/OPTION&gt;
&lt;OPTION value="AA"&gt;Armed Forces Americas&lt;/OPTION&gt;
&lt;OPTION value="AE"&gt;Armed Forces Canada &amp; Europe&lt;/OPTION&gt;
&lt;OPTION value="AK"&gt;Alaska&lt;/OPTION&gt;
&lt;OPTION value="..."&gt;...&lt;/OPTION&gt;
&lt;/SELECT&gt;
&lt;SELECT size="1" name="canada_dropdown"&gt;
&lt;OPTION selected&gt;- Select a Program (If Canada) -&lt;/OPTION&gt;
&lt;OPTION value="AB"&gt;Alberta&lt;/OPTION&gt;
&lt;OPTION value="BC"&gt;British Columbia&lt;/OPTION&gt;
&lt;OPTION value="MB"&gt;Manitoba&lt;/OPTION&gt;
&lt;OPTION value="..."&gt;...&lt;/OPTION&gt;
&lt;/SELECT&gt;
&lt;BR&gt;&lt;BR&gt;
&lt;INPUT type="submit" value="Submit"&gt;
&lt;/FIELDSET&gt;
&lt;/FORM&gt;

&lt;SCRIPT&gt;
function adjustStates(){
with (document.forms["myForm"].elements) {
var usSelected=area.options[0].selected;
var canadaSelected=area.options[1].selected;
us_dropdown.style.display=(usSelected)?"inline":"none";
us_dropdown.disabled=!usSelected;
canada_dropdown.style.display=(canadaSelected)?"inline":"none";
canada_dropdown.disabled=!canadaSelected;
}
}
with (document.forms["myForm"].elements) {
us_dropdown.options[0].text="- Select a Program -";
canada_dropdown.options[0].text="- Select a Program -";
area.onchange=adjustStates;
window.onload=adjustStates;
}
&lt;/SCRIPT&gt;
×

Success!

Help @handong888 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...