<select size=15 id=a style="font-weight:bold;font-size:15;">
<script>for(var i=0;i<50;i++)document.write("<option>数据库索引="+i);for(var i=0;i<50;i++)document.write("<option>数据库索引="+i);</script>
</select>
标题<input id=neirong1 style="width:50%"><p>
内容<textarea id=neirong2 style="width:50%;height:200"></textarea>
<script>a.selectedIndex=0
function a.onmousemove(){
neirong1.value=a[a.selectedIndex].text;neirong2.value=neirong1.value+"的数据库中的内容\n\n这是传统的，浏览不适时、流畅，只能点击，不能拖啦快速浏览较麻烦"
}
</script>

<div id=select1 style="height:60%;overflow-y:scroll;padding:0;margin-left:200;"><select style="font-weight:bold;font-size:15;">
<script>for(var i=0;i<50;i++)document.write("<option>数据库索引="+i);for(var i=0;i<50;i++)document.write("<option>数据库索引="+i)</script>
</select></div>
标题<input id=neirong1 style="width:50%">
<input type=button value="随机字号" onclick="select1.children[0].style.fontSize=5+Math.round(Math.random()*30);superselect(select1)"><p>
内容<textarea id=neirong2 style="width:50%;height:200"></textarea>

<script>
function superselect(fromobj){   //这套函数套用时，直接把fromobj项绑定为需要适时浏览的SELECT对象ID，可以任意绑定多个，互不影响。
var a=fromobj.children[0],thelen=a.options.length;a.selectedIndex=0;a.size=thelen;fromobj.style.width=a.offsetWidth
var onesize=(a.offsetHeight-6)/thelen
a.onkeydown=function(){return false;}  //键盘排除,本例暂不编制上下键的程序
a.onmousedown=function(){if(event.button==1)a.ckin=true;}
a.onmouseup=function(){fromobj.onmousemove();if(event.button==1)a.ckin=false;fromobj.focus();}

fromobj.onmousemove=function(){if(!a.ckin)return;
//if(event.offsetX>a.offsetWidth||event.offsetX<0)return;  注意：这句防止聚焦捕捉，可选用，你可以去掉注释试一试，排除外出错误
var inthe=Math.floor(event.offsetY/onesize);if(inthe<0)inthe=0;if(inthe>=thelen)inthe=thelen-1
if(event.y>fromobj.offsetTop+fromobj.offsetHeight-(fromobj.offsetHeight/5))fromobj.scrollTop+=2
if(event.y<fromobj.offsetTop+(fromobj.offsetHeight/5))fromobj.scrollTop--
neirong1.value=a.options[inthe].text;neirong2.value=neirong1.value+"的数据库中的内容\n\n这是哥的实现方法（思路=像素+DIV容器,ie6测试基本完美），此例实战select适时选项貌似简单，实际比较复杂，用处很大，你懂的。。。\n\n因为1：option不支持任何事件，且其selected属性必须弹起鼠标才能更新\n因为2：SELECT本身不支持scroll滚动条的一切属性和方法，所以，外围必须包附一个DIV模拟\n因为3：你试试就知道难度在哪儿了。。。除非有专用解决此题的HTML属性或事件而我却不知\n\n原作者：略，勿需署名\n\n期待：欢迎高人用更简便的方式解决此貌似简单、实际复杂的一题，实现同等效果、无漏洞，取其最简、优，备收藏留用，我会悄悄的Mark~捏哈哈"
}}
superselect(select1);      //更多的话，可用superselect(select2)、superselect(select3).....
</script>