如何实现select的下拉菜单比显示的宽？1000分在线等待

Question

<select style='width:x;'></select>
设置style的width属性，想多宽都可以

Answer 1

但是option里不行阿？你试一下？谢谢，我这里不行

Answer 2

怎么做<select>和<option>都一样宽？

Answer 3

我试了，行：
<select style='width:200px;'></select>

Answer 4

不是阿，我要拉下来的比select宽

Answer 5

<select name="tt">
<option value="0">fire
</select><script language="javascript">
tt.style.width = "200"
</script>IE5.0/IE6.01下测试通过

Answer 6

像
啊啊啊啊//select看起来的宽度
啊啊啊啊啊啊啊啊//option拉下来的宽度可以实现吗阿？？？？

Answer 7

只能用<div>来模拟一个其他没有办法呀，你可以去用友的为库网，进去看看，里面有比较详细的例子。

Answer 8

<span style="position:absolute">
<select style="margin-right:-70">
<option>11111111111111
<option>aaaaaaaaaaaaaaaaaaaaaa
<option>bbbbbbbbbbbbbbbbbbbbbb
</select>
</span>

Answer 9

<span style="position:absolute;left:100">
<select style="margin-left:-70">
<option>&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 11111111111111
<option>aaaaaaaaaaaaaaaaaaaaaa
<option>bbbbbbbbbbbbbbbbbbbbbb
</select>
</span>

Answer 10

<input id=elm1 value="aaaaaaaaaaaaaaaaaaaaaa" onmouseover="show()" style="position:absolute;left:90;top:50">
<span style="position:absolute;left:90;top:50" id=elm2 style="display:none;" onmouseout="hide()">
<select  onchange="elm1.value=options[selectedIndex].text" style="margin-left:-60">
<option>aaaaaaaaaaaaaaaaaaaaaa
<option>bbbbbbbbbbbbbbbbbbbbbb
</select>
</span><SCRIPT LANGUAGE="JavaScript">
<!--
function show(){
elm1.style.display="none";
elm2.style.display="";
}
function hide(){
elm1.style.display="";
elm2.style.display="none";
}
//-->
</SCRIPT>

Answer 11

你想select框5个字符那么长，而option那个框10个字符那么长？老兄select可没这个功能，除非你告诉MS叫他帮你改了。

Answer 12

<span style="position:absolute">
<select style="margin-right:-70">aaaa
<option>11111111111111
<option>aaaaaaaaaaaaaaaaaaaaaa
<option>bbbbbbbbbbbbbbbbbbbbbb
</select>
</span>emu，亏你想得出，但是那个小三角没有啦，而且我加的aaaa也没有了。

Answer 13

虽然加错地方了，但是也是没有了：）
加在</select>后面

Answer 14

<select style="position:absolute;clip:rect(auto,auto,auto,100)">
<option>&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 11111111111111
<option>aaaaaaaaaaaaaaaaaaaaaa
<option>bbbbbbbbbbbbbbbbbbbbbb
</select>
 

Answer 15

因为position:absolute了，所以被覆盖了嘛。要单独给它留出来位子然后放进去。

Answer 16

天，IE的bug真够多的，又发现一个：<select onmouseover=status="in" onmouseout=status="out"></select>猜猜鼠标放在上面，状态栏出来什么？

Answer 17

有没有人继续阿，我继续等待
下面这种效果？？谢谢
—————————————————————————————
你想select框5个字符那么长，而option那个框10个字符那么长？|
                                                         |
老兄select可没这个功能，除非你告诉MS叫他帮你改了。       |
—————————————————————————————

Answer 18

天，IE的bug真够多的，又发现一个：<select onmouseover=status="in" onmouseout=status="out"></select>猜猜鼠标放在上面，状态栏出来什么？
-------------------------------------
不是bug
status="in"是一个global表达式(对象)
而如果你写onmouseover="status='in'"
engine会把你的这个字符串当一个需要执行的global表达式对象(可以理解为eval)如同
function f1(){alert(1)}
将直接定义一个function而
f1 = function(){alert(1)}
是定一个匿名global 对象(function)后将f1指向了它

Answer 19

是bug。engine是不是象你说的那样工作呢？看看：
<select onmouseover=status="in" onmouseout=status="out" id="test"></select>
<SCRIPT LANGUAGE="JavaScript">
<!--
alert(test.onmouseover)
//-->
</SCRIPT>
又有一个帖子提起这个问题：
http://expert.csdn.net/Expert/TopicView1.asp?id=1338799