html select 宽度

  1. 我们经常要是有select,但select的大小会随着内容的大小而变化。很烦人啊。

    网上有人说用层来替代,这个方法是可行的,就是觉得有点麻烦。

    本人喜欢投机取巧。。呵呵

    所以想了个懒办法--用脚本控制

    当select被点击(onclick或者onchange)的时候调用脚本函数改变这个select的width值

    当select失去焦点(onblur)的时候再一次调用脚本恢复这个select的width值。

    <select id="linjunhong" name="xiamen" onclick="changWidth()" onblur="resetWidth()" style="100px">

    <option value="zhenshuai">俊洪哥哥</option>

    <option value="junhonggege">真帅</option>

    </select>

    函数就自己写了,我用的是jquery,觉得比较方便。

    function changWidth(){

       $('#linjunhong').css("width","auto");

    }

    function resetWidth(){

       $('#linjunhong').css("width","100px");

    }

原文地址:https://www.cnblogs.com/kevinge/p/1600913.html