用jQuery制作模拟下拉框

http://www.cssrain.cn/article.asp?id=1323

问题1：为什么要模拟下拉框？
1，浏览器自带的 下拉框样式不好看。
2，在ie6下，下拉框的优先级大于层，经常导致下拉框显示在层的上面。

OK，明白这个问题后，我们就开始用jQuery制作模拟下拉框。

先构建HTML结构和CSS样式。
看Demo1：
http://cssrain.cn/demo/jqueryCRselectbox/demo1.html

构建好后，我们开始添加效果。
看Demo2：
http://cssrain.cn/demo/jqueryCRselectbox/demo2.html

好，有了前2个例子的基础，我们完全可以构建一个插件：
看Demo3：
http://cssrain.cn/demo/jqueryCRselectbox/demo3.html


思路：
通过已知的下拉框，把里面的数据循环出来，放到另一个div的ul列表里，
另一个div就是简单的弹出层而已。
通过hidden可以 获取下拉框的选中的值和文本 。


源文件下载：
http://cssrain.cn/demo/jqueryCRselectbox/jqueryCRselectbox.rar

转载于:https://www.cnblogs.com/anjing/archive/2009/12/03/1616354.html