jQuery插件之Select选择框

在blueidea上看到lzyy发的这个帖子，发现不错就转过来了。
起因是在实践中发现输入框input的高度无法改变，他的四周都会有空隙，也就是说无论你怎么调整，当然只作用于IE，如果调整一下的话，FF下效果又不理想，没有什么好的解决方法，除非用图片，为了追求完美，模拟就模拟吧。

本人习惯用jQuery，于是就找到了nicejform，专门用来美化表单的jquery插件。（我知道坛子上有相关的文章，我也参考过，但是美化不是我的强项，所以就想找现成的）

效果查看

看源码，可以发现没有另外添加样式，id之类的，所以如果不用这个插件了，页面也无需改动。众所周知，表单美化里面select是最不好模拟的，同样nicejforms也没有很好的模拟，那就自己动手改造吧。彻底地模拟美化了select表单，可以说功能上一点都不差，修改了原版本的一些不足。

        
• 点击页面空白处，弹出的options不能缩回
• 无法设置option的value值，一律都是"#"
• 由于都设置为了"#"，所以如果select放置到了页面的下方，选择后会回到页面顶部

现在这些问题全都解决了，可以正式派上用场了，oh，yeah！

效果查看

点击下载修改后的文件

10.1日添加

其实上面那个select美化有一个非常大的问题，不过好像没有人注意到，就是当页面载入完后，在页面的底部会出现这些选项，这次重新操刀，不再是对原插件的修修补补，自己重新写了code。

• 仅IE有效，FF下保持原状
• 不接受键盘响应，所以上下键无效，滚轴也无效
• 其他的应该都模仿的差不多了

由于前台编程也只是我的业余爱好，所以更加细致的模仿，只能靠大家了。

其实我自己也觉得写这么一堆未必有用，但是既然都写出来了，还是放上来吧，有用没用让大家来评价。



浏览地址：http://www.live-my-life-with-yuyi.com/lab/jquery/form_select/