How-to-create-combo-box

Langkah Pertama :MAsukkan kode dibawah ini di html mu:

<script type="text/javascript"><br /><br /><br /><br />var animatedList={<br /><br />navigate:function(selectId){<br /> this.selectObj=document.getElementById(selectId)<br /> window.location=this.selectObj[this.selectObj.selectedIndex].value<br />},<br /><br />randomizeInit:function(selectId){<br /> this.selectObj=document.getElementById(selectId)<br /> this.curframe=0<br /> this.optionscount=this.selectObj.options.length<br /> //calculate number of frames to animate (cycle through options before settling on one)<br /> this.maxframes=Math.floor(Math.random()*this.optionscount)+Math.floor(Math.random()*this.optionscount)<br /> this.randomize()<br />},<br /><br /><br />randomize:function(){<br /> if (this.curframe<this.maxframes) selectedindex="this.settledIndex=" selectedindex="(this.selectObj.selectedIndex=" location="this.selectObj[this.selectObj.selectedIndex].value">

Langkah ke 2 masukkan kode kotak di bawah ini di html kamu :

<form><br /><select id="webdevlinks" size="6" onchange="animatedList.navigate('webdevlinks')"><br /><option value="http://www.techno.van.web.id/a">Photo gallery</option><br /><option value="http://www.van.web.id/jsref/">MAin site</option><br /><option value="http://sms.van.web.id/domref/">DOM Reference</option><br /><option value="http://www.friendster.com/irvanb">irvan friendster</option><br /><option value="http://www.xteamweb.com">Forum xteam</option><br /><option value="http://www.google.com">Mbah google</option><br /></select><br /><br /><input type="button" onclick="animatedList.randomizeInit('webdevlinks')" value="Random Link!"><br /></form><br /><br /><br /><form><br /><select id="newslinks" size="1" onchange="animatedList.navigate('newslinks')"><br /><option value="http://www.van.web.id/">site</option><br /><option value="http://www.sms.van.web.id">Free sms</option><br /><option value="http://www.van.web.id">Hot News</option><br /><option value="http://google.com/">Google</option><br /></select> <input type="button" onclick="animatedList.navigate('newslinks')" value="Go"> <input type="button" onclick="animatedList.randomizeInit('newslinks')" value="Random"><br /></form>

hasilnya bisa dilihat di bawah ini
Photo galleryMAin siteDOM Referenceirvan friendsterForum xteamMbah google






siteFree smsHot NewsGoogle