六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 38|回复: 0

讲述下拉框自己的故事——解决html的select(下拉框)宽度问题

[复制链接]

升级  40%

4

主题

4

主题

4

主题

童生

Rank: 1

积分
20
 楼主| 发表于 2013-2-7 15:15:51 | 显示全部楼层 |阅读模式
我们经常要使用select ,但select的大小会随着内容的大小而变化。很烦人啊。
网上有人说用层来替代,这个方法是可行的,就是觉得有点麻烦。
本人喜欢投机取巧。。呵呵
所以想了个懒办法--用脚本控制
当select被点击(onclick或者onchange)的时候调用脚本函数改变这个select的width值
当select失去焦点(onblur)的时候再一次调用脚本恢复这个select的width值。
<select id="linjunhong" name="xiamen"   style="width:100px">
  <option value="zhenshuai">俊洪哥哥</option>
  <option value="junhonggege">真帅</option>
</select>
函数就自己写了,我用的是jquery,觉得比较方便。
function changeWidth(){
   $('#linjunhong').css("width","auto");
}
function resetWidth(){
   $('#linjunhong').css("width","100px");
}
======================
耍个小聪明解决大问题。哇哈哈哈
头号恶魔-厦门
 
 
 
 
 
 
 
 
 
 
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表