Linked ComboBox (option) Country =- province : Option Select ComboBox : Form Control JAVASCRIPT DHTML TUTORIALS


JAVASCRIPT DHTML TUTORIALS » Form Control » Option Select ComboBox »

 

Linked ComboBox (option) Country =- province




<html>
<head>
<title>Create Form Elements</title>

<script language="javascript">
<!--

function CreateProvince() {

  var Primary = document.newforms.country.selectedIndex;

  if ((Primary == null|| (Primary == 0)) return;

  if (Primary == 1) {

  var ProvState = new Array;
  ProvState[0new Option("Alberta");
  ProvState[1new Option("British Columbia");
  ProvState[2new Option("Manitoba");
  ProvState[3new Option("New Brunswick");
  ProvState[4new Option("Newfoundland");
  ProvState[5new Option("Nova Scotia");
  ProvState[6new Option("Northwest Territories");
  ProvState[7new Option("Nunavut");
  ProvState[8new Option("Ontario");
  ProvState[9new Option("Prince Edward Island");
  ProvState[10new Option("Quebec");
  ProvState[11new Option("Saskatchewan");
  ProvState[12new Option("Yukon");

  }

  if (Primary == 2) {

  var ProvState = new Array;
  ProvState[0new Option("Alabama");
  ProvState[1new Option("Alaska");
  ProvState[2new Option("Arizona");
  ProvState[3new Option("Arkansas");
  ProvState[4new Option("California");
  ProvState[5new Option("Colorado");
  ProvState[6new Option("Connecticut");
  ProvState[7new Option("Delaware");
  ProvState[8new Option("Florida");
  ProvState[9new Option("Georgia");
  ProvState[10new Option("Hawaii");
  ProvState[11new Option("IdahoState");
  ProvState[12new Option("Illinois");
  ProvState[13new Option("Indiana");
  ProvState[14new Option("Iowa");
  ProvState[15new Option("Kansas");
  ProvState[16new Option("Kentucky");
  ProvState[17new Option("Louisiana");
  ProvState[18new Option("Maine");
  ProvState[19new Option("Maryland");
  ProvState[20new Option("Massachusetts");
  ProvState[21new Option("Michigan");
  ProvState[22new Option("Minnesota");
  ProvState[23new Option("Mississippi");
  ProvState[24new Option("Missouri");
  ProvState[25new Option("Montana");
  ProvState[26new Option("Nebraska");
  ProvState[27new Option("Nevada");
  ProvState[28new Option("NewHampshire");
  ProvState[29new Option("NewJersey");
  ProvState[30new Option("NewMexico");
  ProvState[31new Option("NewYork");
  ProvState[32new Option("NorthCarolina");
  ProvState[33new Option("NorthDakota");
  ProvState[34new Option("Ohio");
  ProvState[35new Option("Oklahoma");
  ProvState[36new Option("Oregon");
  ProvState[37new Option("Pennsylvania");
  ProvState[38new Option("RhodeIsland");
  ProvState[39new Option("SouthCarolina");
  ProvState[40new Option("SouthDakota");
  ProvState[41new Option("Tennessee");
  ProvState[42new Option("Texas");
  ProvState[43new Option("Utah");
  ProvState[44new Option("Vermont");
  ProvState[45new Option("Virginia");
  ProvState[46new Option("Washington");
  ProvState[47new Option("WestVirginia");
  ProvState[48new Option("Wisconsin");
  ProvState[49new Option("Wyoming");

  }

  for (i=document.newforms.SelectProvState.options.length; i>0; i--) { 
  document.newforms.SelectProvState.options[inull;
  }

  for(i=0; i<ProvState.length; i++) {
  document.newforms.SelectProvState.options[i= ProvState[i];
  }

  document.newforms.SelectProvState.options[0].selected = true;

}

//-->
</script>


</head>

<body>

<form name="newforms">

Choose Country:

<select name="country" onChange="CreateProvince()">

  <option value="">Choose Country</a>
  <option value="Canada">Canada</a>
  <option value="USA">USA</a>

</select>

<select name="SelectProvState">

  <option value="1">Choose province/state</option>

</select>

</form>
</body>
</html>




           
       



-

Leave a Comment / Note


 
Verification is used to prevent unwanted posts (spam). .

Follow Navioo On Twitter

JAVASCRIPT DHTML TUTORIALS

 Navioo Form Control
» Option Select ComboBox