在HTML中把SELECT列表的选项在一个SELECT中显示成多个列，怎么实现？

<select

name="select"

size="3"

>

<option

value="1">011111</option>

<option

value="2">022222</option>

<option

value="3">033333</option>

</select>

说明：size的值就是你要显示的条数，做你的图的效果的话还要在定义下宽度，multiple属性不要乱用，容易出错，它的意思是可以多选（按着Shift同时）

嘿嘿，我刚才也在学习这个，前面的cols或rows后面的每个百分数字对应一个框架，

比如：<frameset rows=20%,30%,20%,30%>就代表有四行，如果在下面写：

<frame src="网页教程地址">

<frame src="网页教程地址">

<frame src="网页教程地址">

<frameset cols=10%,20%,*>（“*”代表1减去前面的百分数，这里是1-10%-20%

这样你可以在第四个框架里面设置列数。

给你几个事例吧：

一：

<frameset cols="20%,*" frameborder=0 bordercolor=red rows="50%,*">

<frame name="up" src="for.html">

<frame name="up" src="for.html">

<frame name="up" src="for.html">

<frame name="up" src="for.html">

注意上面框架有一个 cols="20%,*" 和 一个rows="50%,*"，

二：

<frameset rows="20%,30%,*" frameborder=1 border=7 bordercolor=red rows="50%,*">

<frame name="up" src="for.html">

<frame name="botom" src="click.html">

<frameset cols="20%,*" frameborder=0 bordercolor=red>

<frame name="up" src="for.html">

<frame name="up" src="for.html">

</frameset></frameset>

称作Tab效果，用JS实现的原理：

1、点击菜单，获取被点击菜单的索引值；

2、隐藏下方所有菜单需显示内容的容器；

3、只显示当前被点击的菜单的内容容器；

说明：索引值可通过自定义属性获取，也可以JS动态获取；

Tab效果

---