什么属性能控制select标签中下拉部分的宽度(内详)
我的select标签中选项(就是下拉)部分某些选项很短,某些很长,会把页面撑得很宽,所以就用“<select name ="**" width = '200px'>”加以限制,但是当选中,弹出下拉部分时,很长的选项就只能看到部分了。
怎么样才能使标签本身长度不变,但是弹出时下拉部分变宽,以能看到最长的选项!!
不知道有没有把问题说明白,不详之处敬请告知!谢谢!
问题点数:100、回复次数:14Top
1 楼xiaopeipei2004(小裴)回复于 2005-06-03 13:32:11 得分 0
很清楚,可惜不会,upTop
2 楼hzh_net(_风云_)回复于 2005-06-03 13:35:05 得分 0
先找到最长的,按它的宽度来就可以了
呵呵
^_^Top
3 楼devil_ares(风之叶)回复于 2005-06-03 13:48:29 得分 5
是要固定一个宽度吗?
如果是的话 用样式表来设置
如:.selectSty {
border: 1px solid #666666;
font-size:12px;
background-color:#ffffff;
font-family: "宋体";
width:100px;
}
<select name ="**" class ="selectSty" >Top
4 楼SunFee(Sunshow)回复于 2005-06-03 13:56:26 得分 0
不写width我记得是自定按照最长的选项来的吧Top
5 楼stray1718(旺仔)回复于 2005-06-03 14:10:49 得分 5
你的这个问题很有挑战性阿,我不会,顶一个Top
6 楼querlang(编程浪子)回复于 2005-06-03 14:36:10 得分 5
我也遇到过这种问题,最后没办法去掉width让他自己伸缩吧。如果觉得不美观就找个最大长度来统一下Top
7 楼dwinyu(胜)回复于 2005-06-03 14:58:14 得分 0
用内嵌的style吧
<select name="****" style="width:200;height:20;">Top
8 楼wxwyes(老菜鸟)回复于 2005-06-03 15:06:43 得分 5
不懂<select>有没有这个功能,建意你不如写一个菜单来代替它好了。Top
9 楼1203(mellisa)回复于 2005-06-03 15:38:45 得分 0
select应该有这个属性的,以前好像用过,但这次找了半天也没实现!
再述问题:我知道“<select name ="**" width = '200'>”可以固定select的宽度,防止下拉的某些选项太宽,使页面撑宽。但是不知道在以上实现的情况下,可以使select获得焦点时,弹出的下拉部分,宽度能不受width = '200'的限制,自由变宽。
大家帮忙!!Top
10 楼chylwk(沧海一浪)回复于 2005-06-03 17:05:09 得分 10
很明白你的意思。只有一种情况可以解决!那就是当页面刚开始时下拉框的选项是空的。这时你可以设定固定的宽度。当select获得焦点,或者点击时,你再触发一个javaScript操作,此时才动态的显示那些下拉框的具体内容,这时就会根据具体内容动态决定宽度Top
11 楼1203(mellisa)回复于 2005-06-03 17:35:02 得分 0
补充一点,动态决定宽度是指决定下拉部分的宽度,而select本身长度不变
Top
12 楼1203(mellisa)回复于 2005-06-09 18:56:56 得分 0
???Top
13 楼lcyxx(自由)回复于 2005-06-21 13:12:33 得分 0
让它的style = "width:100%"就可以自适应了 ^_^Top
14 楼real0411(大头牛)回复于 2005-06-21 17:19:07 得分 70
哈,我知道楼主的意思,select没有这个功能,select是以option最长的一个值来定的。
如果你想做这个功能,基本上需要javascript模拟,你可以用layer(div)来实现。Top




