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

我们经常要使用select ，但select的大小会随着内容的大小而变化。很烦人啊。

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

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

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

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

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

<select id="linjunhong" name="xiamen" onclick="changeWidth()" onblur="resetWidth()" 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");

}

======================

耍个小聪明解决大问题。哇哈哈哈

头号恶魔-厦门

 

 

 

 

 

 

 

 

 

 

评论

3 楼 281601139 2010-04-15  

SINCE1978 写道

不是转的？看来别人转你的。
函数不起作用，firefox

Firefox好像是可以的。我给忘记了。

2 楼 SINCE1978 2010-04-15  

不是转的？看来别人转你的。
函数不起作用，firefox

1 楼 281601139 2009-09-30  

纯属自己经验总结，不足之处请指教。谢谢