Select function

@KorJul 25.2006 — #Something like this?

[code=php]
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
 <title>Untitled Document</title>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 <meta http-equiv="Content-Style-Type" content="text/css">
 <meta http-equiv="Content-Script-Type" content="text/javascript">
 <script type="text/javascript">
 var arr =[];//all the data's unsorted array
 arr['CANADA']=['Alberta','British Columbia','Manitoba','New Brunswick'];
 arr['USA']=['Alabama','Alaska','Arizona','Arkansas','California','Colorado'];
 //you may add as many other elements as you want
 
 function create(s){
 var root= document.getElementById('states');
 while(root.hasChildNodes()){//removes the old options
 root.removeChild(root.childNodes[0])
 }
 if(s.selectedIndex>0){//if a country is selected
 var v=s.value;
 for(var i=0;i<arr[v].length;i++){
 var oOpt = document.createElement('option');//creates element option
 oOpt.setAttribute('value',arr[v][i]);//sets the value
 oOpt.appendChild(document.createTextNode(arr[v][i]));//sets the text
 root.appendChild(oOpt);//appends the option to the select element
 }
 }
 }
 </script>
 </head>
 <body>
 <select id="countries" onchange="create(this)">
 <option>-- select a country --</option>
 <option value="CANADA">CANADA</option>
 <option value="USA">USA</option>
 </select>
 
 <select id="states">
 </select>
 </body>
 </html>
 [/code]

Select function

2 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Select function

2 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

2 Comments(s) _↴

Also in #JavaScript _↴