AjaxControlToolkit环境下用Javascript实现简单的Dropdownlist

　　在项目中对下拉框的样式有严格的要求，传统dropdownlist右边的三角要换成一个自定义图片，且要求在ie和firefox下都能兼容（dropdownlist即html的select在firefox下边框不好处理）。所以就索性用javascript写了一个自定义的dropdownlist。虽然最后因“使用javascript过滥”而未被采用，但还是值得记录一下。

　　先看一下效果图：

　　由于项目引用了AjaxControlToolkit，所以这个代码需要在AjaxControlToolkit环境下才能正常工作。本来想全部用AjaxControlToolKit那套来模拟扩展一个控件，但对Ajax的javascript那套完整机制还没有清的认识，所以只好作罢，改用传统的方式加上些许Ajax的函数，看起来有点不伦不类。

Javascript代码：

Code

　使用时需要定义一些CSS：

Code

然后再页面中初始化JsDropdownlist即可：

Code

其中用了Hidden空间保存了一些信息。完整Demo可以在这里下载。

=======================================================================
野文(Jasson Qian)
------------------------------------------------------
博客园：http://qguohog.cnblogs.com
CSDN：http://blog.csdn.net/sallay