JS代碼實(shí)現(xiàn)不帶滾動條的select

2012/10/25 15:35:53作者：佚名來源：網(wǎng)絡(luò)

移動端

【實(shí)例名稱】

【實(shí)例描述】

默認(rèn)的select控件，是通過下拉的形式提供選項(xiàng)，有時候?yàn)榱隧撁娌季?，需要使用其中的滾動條。本例學(xué)習(xí)如何去掉select的滾動條，并顯示select的所有選項(xiàng)。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁-學(xué)無憂（yzddtk.cn）</title>
</head>
<body>
<select size="2"  style="width:150px"  
name="mysel" style="overflow:hidden" multiple>
    <option>aaa</option>
    <option>bbb</option>
    <option>ccc</option>
    <option>ddd</option>
    <option>eee</option>
    <option>fff</option>
</select>
<script language="javascript">
document.all.mysel.size=document.all.mysel.options.length; 
//根據(jù)列表框內(nèi)容改變列表框的高度
</script>
</body>
</html>

【運(yùn)行效果】

運(yùn)行效果

【難點(diǎn)剖析】

本例，首先默認(rèn)設(shè)置select的高度只能容納兩個選項(xiàng)。當(dāng)select初始化并加載數(shù)據(jù)完成后，再使用“document．a(chǎn)11．mysel．options．1ength"獲取select中選項(xiàng)的個數(shù)。最后設(shè)置“document．a(chǎn)11．mysel．size”為實(shí)際的選項(xiàng)個數(shù)。

【源碼下載】

本實(shí)例JS代碼下載

標(biāo)簽： Select JS代碼