zoukankan      html  css  js  c++  java
  • 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
  • 相关阅读:
    二叉苹果树|codevs5565|luoguP2015|树形DP|Elena
    没有上司的舞会|codevs1380|luoguP1352|树形DP|Elena
    NYOJ15|括号匹配(二)|区间DP|Elena
    AtCoder Beginner Contest 070|Elena|8.12|#471
    NYOJ16|嵌套矩形|DP|DAG模型|记忆化搜索
    7.26-STOIRegularMatch-08-#14
    跳石头|河中跳房子|NOIP2015提高组T4|二分法
    BZOJ2330: [SCOI2011]糖果
    BZOJ1295: [SCOI2009]最长距离
    BZOJ1263: [SCOI2006]整数划分
  • 原文地址:https://www.cnblogs.com/qguohog/p/JsDropdownList.html
Copyright © 2011-2022 走看看