在项目中对下拉框的样式有严格的要求，传统dropdownlist右边的三角要换成一个自定义图片，且要求在ie和firefox下都能兼容（dropdownlist即html的select在firefox下边框不好处理）。所以就索性用javascript写了一个自定义的dropdownlist。虽然最后因“使用javascript过滥”而未被采用，但还是值得记录一下。
先看一下效果图：
由于项目引用了AjaxControlToolkit，所以这个代码需要在AjaxControlToolkit环境下才能正常工作。本来想全部用AjaxControlToolKit那套来模拟扩展一个控件，但对Ajax的javascript那套完整机制还没有清的认识，所以只好作罢，改用传统的方式加上些许Ajax的函数，看起来有点不伦不类。
Javascript代码：
使用时需要定义一些CSS：
然后再页面中初始化JsDropdownlist即可：
其中用了Hidden空间保存了一些信息。完整Demo可以在这里下载。