-
我们经常要是有select,但select的大小会随着内容的大小而变化。很烦人啊。
网上有人说用层来替代,这个方法是可行的,就是觉得有点麻烦。
本人喜欢投机取巧。。呵呵
所以想了个懒办法--用脚本控制
当select被点击(onclick或者onchange)的时候调用脚本函数改变这个select的width值
当select失去焦点(onblur)的时候再一次调用脚本恢复这个select的width值。
<select id="linjunhong" name="xiamen" onclick="changWidth()" onblur="resetWidth()" style="width:100px">
<option value="zhenshuai">俊洪哥哥</option>
<option value="junhonggege">真帅</option>
</select>
函数就自己写了,我用的是jquery,觉得比较方便。
function changWidth(){
$('#linjunhong').css("width","auto");
}
function resetWidth(){
$('#linjunhong').css("width","100px");
}
![](https://img2024.cnblogs.com/blog/35695/202408/35695-20240826070647288-243310440.jpg)