Question

html select 属性 下拉菜单宽度设定

表格中有两列，前一列存在select下拉框，想要在单击下拉菜单的时候，实现下拉框宽度为两列宽！如何实现？谢谢高手指点！(用下面的例子举例吧！)
<TABLE id="Table1" style="Z-INDEX: 101; LEFT: 256px; TOP: 80px" cellSpacing="1" cellPadding="1" width="200" border="1">
<TR>
<TD width="25%"><select style="WIDTH: 50px" class="ddlselect">
<option selected> </option>
<option>aaaaaaaaaaaa</option>
<option>bbbbbbbbbbbb</option>
<option>cccccccccccc</option>
<option>dddddddddddd</option>
</select></TD>
<TD><INPUT class="textarea" id="textF"></TD>
</TR>
谢谢大家支持，不过目前还没有正解：问题补充
点击select后，下方展开方框！，我只是想对下方的方框宽度进行操作，而不是所有的宽度一起变化！（**只是下方的展开框）！

Answer 1

我不太读懂你问题的意思,你是要的是单击select的时候它的宽变大?
下面这个是单击select的时候select的宽变为100px

<TABLE id="Table1" style="Z-INDEX: 101; LEFT: 256px; TOP: 80px" cellSpacing="1" cellPadding="1" width="200" border="1">
<TR>
<TD width="25%"><select style="WIDTH: 50px" class="ddlselect" id="selectId">
<option selected> </option>
<option>aaaaaaaaaaaa</option>
<option>bbbbbbbbbbbb</option>
<option>cccccccccccc</option>
<option>dddddddddddd</option>
</select></TD>
<TD><INPUT class="textarea" id="textF"></TD>
</TR>
</TABLE>
<script type="text/javascript">
document.getElementById("selectId").onmousedown = inof;
function inof(){
document.getElementById("selectId").style.width = "100px";
}
</script>

Answer 2

<TABLE id="Table1" style="Z-INDEX: 101; LEFT: 256px; TOP: 80px" cellSpacing="1"

cellPadding="1" width="200" border="1">
<TR>
<TD width="25%">
<select style="WIDTH: 50px" class="ddlselect" onfocus=chgWidth() onblur=chgWidth() id=sel>
<option selected> </option>
<option>aaaaaaaaaaaa</option>
<option>bbbbbbbbbbbb</option>
<option>cccccccccccc</option>
<option>dddddddddddd</option>
</select></TD>
<TD><INPUT class="textarea" id="textF"></TD>
</TR>

<script>

function chgWidth(){
if (sel.style.width=="50px")
sel.style.width="100"
else
sel.style.width=50
}

</script>

只改变select下的option的宽度而不改变select本身的宽度——是不可能的，在html中。

要想实现也行，可以模拟select，不过分数，

Answer 3

用css指定option标签的宽度即可嘛。