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

Posted 2023-04-23

表格中有两列，前一列存在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后，下方展开方框！，我只是想对下方的方框宽度进行操作，而不是所有的宽度一起变化！（**只是下方的展开框）！

我不太读懂你问题的意思,你是要的是单击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> 参考技术A <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，不过分数， 参考技术B 用css指定option标签的宽度即可嘛。

select下拉菜单怎么变长？

字符可以控制select的长度，但是我不能因为长度而多写那么多字啊！
除了字符外还有什么能让select下拉菜单变长？？！
如果有人说CSS？ 那能告诉我CSS怎么设置会让它变长？
百度都一群废物！ 去你妈的！

直接在select标签里写style="width:100px;height:30px;"
width宽度 height高度

另外在option里style="height:25px;line-height:25px;"
是控制下拉菜单的行距的 参考技术A select有自己的属性，可以设置的。