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

发布网友 发布时间：2022-04-24 05:36

我来回答

共3个回答

热心网友 时间：2022-05-08 00:03

我不太读懂你问题的意思,你是要的是单击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>

热心网友 时间：2022-05-08 01:21

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

热心网友 时间：2022-05-08 02:56

<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，不过分数，