Dropdowns populate EACH OTHER

@JMRKERMar 19.2009 — #This might solve half of your problem: ?

<i>
 </i>&lt;html&gt;
 &lt;head&gt;
 &lt;title&gt;Dual Selections&lt;/title&gt;
 &lt;script type="text/javascript"&gt;
 // From: http://www.webdeveloper.com/forum/newreply.php?do=postreply&amp;t=204951
 
 var a = ['|-- Reptile Examples --','|Ratsnake','|Tree frog','|Ribbonsnake'];	// automatic value assignments
 var b = ['|-- Mammal Examples --','123|Whale','456|Mouse','789|Man']; 	// demonstration of value assignments
 var c = ['|-- Bird Examples --','|Sparrow','|Woodpecker'];
 
 function choice(IDS,t){
 s = document.getElementById(IDS);
 for (var i = s.options.length; i &gt;= 0 ; i--) { s.options[i] = null; }
 if (t != 0){
 var z = [];
 switch (t) {
 case '1' : z = a; break;
 case '2' : z = b; break;
 case '3' : z = c; break;
 default : alert('Invalid entry: '+IDS+' : '+t+'nn'+z); break;
 }
 var tmp = [];
 for(i = 0; i &lt; z.length; i++ ) {
 tmp = z[i].split('|')
 if (tmp[0] == '') { tmp[0] = tmp[1]; }  // puts something into value other than ''
 s.options[i] = new Option(tmp[1],tmp[0],false,false);
 }
 }
 }
 &lt;/script&gt;
 &lt;/head&gt;
 &lt;body&gt;
 
 &lt;SELECT id="Species" onChange="choice('CommonName',this.value)"&gt;
 &lt;option value="0"&gt;-- Please Select --&lt;/option&gt;
 &lt;option value="1"&gt;Reptile&lt;/option&gt;
 &lt;option value="2"&gt;Mammal&lt;/option&gt;
 &lt;option value="3"&gt;Bird&lt;/option&gt;
 &lt;/SELECT&gt;
 
 &lt;!-- onChange below only for testing purposes -- not needed --&gt;
 &lt;SELECT id="CommonName" onChange="alert('Value: '+this.value)"&gt;&lt;/SELECT&gt;
 &lt;/body&gt;
 &lt;/html&gt;

@Sterling_IsfineMar 19.2009 — #You don't mean [I]populate[/I] you mean [I]select[/I], namely a pair of listboxes that each translate the other's selected option.

[CODE]<select id='commonName' onclick='document.getElementById("sciName").selectedIndex=this.selectedIndex'>
 .
 .
 .
 <select id='sciName' onclick='document.getElementById("commonName").selectedIndex=this.selectedIndex'>[/CODE]

@JMRKERMar 20.2009 — #You don't mean [I]populate[/I] you mean [I]select[/I], namely a pair of listboxes that each translate the other's selected option.
[/QUOTE]
I guess we'll just have to wait to see what 'amphibboy' intent is. ?

?

Dropdowns populate EACH OTHER

3 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Dropdowns populate EACH OTHER

3 Comments(s) ↴

Also in #JavaScript ↴

Success!

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

Social

Version

3 Comments(s) _↴

Also in #JavaScript _↴