[RESOLVED] Anchor tags within <SELECT> dropdown list

@FangApr 13.2009 — #

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
 &lt;html lang="en"&gt;
 &lt;head&gt;
 &lt;title&gt;dropdown bookmarks&lt;/title&gt;
 &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
 
 &lt;script type="text/javascript"&gt;
 window.onload=function() {
 // hide list
 var objBM=document.getElementById('bookmarks');
 objBM.style.display='none';
 // create dropdown
 var container=document.createElement('div');
 var sel=document.createElement('select');
 container.appendChild(sel);
 objBM.parentNode.insertBefore(container, objBM.nextSibling);
 // onchange
 sel.onchange=function() {document.location=this.value;};
 // fill options
 var aBM=objBM.getElementsByTagName('a');
 sel.options[0]=new Option('select an option', '');
 for(var i=0; i&lt;aBM.length; i++) {
 sel.options[i+1]=new Option(aBM[i].firstChild.data, aBM[i].href);
 }
 };
 &lt;/script&gt;
 
 &lt;style type="text/css"&gt;
 div[id] {margin:20em 0;}
 &lt;/style&gt;
 
 &lt;/head&gt;
 &lt;body&gt;
 &lt;ul id="bookmarks"&gt;
 &lt;li&gt;&lt;a href="#one"&gt;one&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#two"&gt;two&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#three"&gt;three&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;
 &lt;div id="one"&gt;bookmark 1&lt;/div&gt;
 &lt;div id="two"&gt;bookmark 2&lt;/div&gt;
 &lt;div id="three"&gt;bookmark 3&lt;/div&gt;
 &lt;/body&gt;
 &lt;/html&gt;

[RESOLVED] Anchor tags within <SELECT> dropdown list

2 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

[RESOLVED] Anchor tags within <SELECT> dropdown list

2 Comments(s) ↴

Also in #HTML ↴

Success!

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

Social

Version

2 Comments(s) _↴

Also in #HTML _↴