• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
开水房
ASP.NET
博客园    首页    新随笔    联系   管理    订阅  订阅
html select 宽度
  1. 我们经常要是有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");

    }

posted on 2009-11-11 14:08  白开水皮皮  阅读(1447)  评论(2)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3