声明：我对html不怎么熟悉，这是我个人在学习做网站过程中遇到的一些问题，希望能够对和我一样的菜鸟有些帮助，所以以下内容，纯属个人意见。

这是我找的javascript包的一个下载地址：http://www.oschina.net/p/javascript-toolbox，包括了个性下拉列表，很有用的

最近，我在给学校的一个学院做网站的时候做了3个下拉列表（select），可是突然发现下拉的时候，发现列表几乎占了整个屏幕的一半，于是我就想让他只显示10个。下面是刚开始的样子

001952354.jpg

我上网找了很久，发现很多人都说把size设为10就行，于是我就试了一下，没有下拉。代码：

<selectid="123" style="width:100px;" size="10">…</select>


这是截图：

002112329.jpg

直接就显示了10条根本不是我想要的，不过却给了我一个启示，让我想到一个办法，

002202762.jpg

先建立一个div容器，然后再建立一个div（就是上面图的红色部分）和一个select（select的size设为10），都放在第一个div容器里头，当点击红色部分时显示select，再点击时隐藏，点击body其他部分时，也会隐藏select，以下是代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
.s1
{
display:block;
}
.s2
{
display:none;
}
</style>
<scripttype="text/javascript">
functionee(){
vars=document.getElementById("123");
if(s.className=="s2")
{
s.className="s1";
}
else
{
s.className="s2";
}
}
document.||window.event;
var s =document.getElementById("123");
var a =document.getElementById("12");
if(e.target!=a)
{
for(var i=0;i<s.length;i++)
{
if(s[i].selected)
{
a.innerHTML=s[i].innerHTML;
break;
}
}
s.className="s2";
}
}
</script>
</head>
<body>
<divstyle="width:100px;">
<divid="12" style="width:100px;height:20px;text-align:center;background-color:red;" style="width:100px;" size="10">
<optionvalue="1">1</option>
<optionvalue="2">2</option>
<optionvalue="3">3</option>
<optionvalue="4">4</option>
<optionvalue="5">5</option>
<optionvalue="6">6</option>
<optionvalue="7">7</option>
<optionvalue="8">8</option>
<optionvalue="9">9</option>
<optionvalue="10">10</option>
<optionvalue="11">11</option>
<optionvalue="12">12</option>
<optionvalue="13">13</option>
<optionvalue="14">14</option>
<optionvalue="15">15</option>
<optionvalue="16">16</option>
<optionvalue="17">17</option>
<optionvalue="18">18</option>
</select>
</div>
</body>
</html>


注意：<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">是必须的。如果不添加的话，你连续点击两下，onclick事件只反应一下，你也可以换成html4.0的标准或其他版本标准，这个只是我随便贴的一个标准的声明。

标准这东西我看了一些帖子，还是不怎明白，不过现在我差不多明白了，今晚我会坚持到一点，发一个关于标准的帖子（个人菜鸟理解，有实例，方便理解）。