首先是ajax填充插件FillOptions,这个插件可以通过ajax方法获取数据并把数据添加到下拉列表框,数据格式支持xml格式和json格式,插件定义如下
FillOptions(url,options)
参数说明
    url:ajax请求的地址,必须
    options包括如下参数
datatype:ajax请求返回的数据格式,可以是”xml”或”json”,默认为”json”
    textfield:ajax请求返回的数据中下拉列表框选项文本的字段,默认为”text”
    valuefiled:ajax请求返回的数据中下拉列表框选项值的字段,默认为”value”
    keepold:布尔类型,是否保留下拉列表框选项原有选项,默认为不保留
    selected:数值型,填充选项后第几项为选中状态,默认为0
实例如下:
            $("#Select1").FillOptions("handler1.ashx?type=json",{datatype:"json",textfield:"province",valuefiled:"provinceID"});
实例说明:
Select1是页面上一个下拉列表框,通过访问"handler1.ashx?type=json"这个地址,返回“[{"provinceID":"110000","province":"北京市"},{"provinceID":"120000","province":"天津市"}]”这样格式的数据,然后通过指定的textfield和valuefiled参数,生成下拉列表框的option并添加到Select1。更多例子可以看下载中的test.htm 下拉列表框联动插件CascadingSelect,这个插件是基于上面FillOptions插件制作的,可以实现两个下拉列表框的联动,定义如下:         CascadingSelect(target,url,options,endfn)参数说明:         target:需要联动的下拉列表框,必须         url:ajax请求的地址,必须         options与FillOptions的类似,增加了一个参数         parameter:ajax请求时传回值的参数名,必须         endfn:类型是function,完成联动后执行实例如下:            $("#Select1").CascadingSelect(
                            $("#Select2"),
                                  "handler1.ashx?type=json",
                            {datatype:"json",textfield:"city",valuefiled:"cityID",parameter:"p"},
                            function(){
                                       $("#Select2").AddOption("请选择","-1",true,0);
                                $("#Select3").html("");
                                        $("#Select3").AddOption("无选项","-1",true,0);
                            }
            );
实例说明:Select1,Select2,Select3都是页面上的下拉列表框,通过设置parameter:”p”这个参数会生成一个"handler1.ashx?p=xxx&type=json”这样的地址来做ajax请求,xxx为select1所选择的值,返回后使用FillOptions来填充Select2的option。具体实例请看test1.htm中实现的省市区的三级联动。 添加一个列表项的插件AddOption,这个比较简单,用来向下拉列表框中添加一个列表项。定义如下:         AddOption (text,value,selected,index)参数说明:         text:文本型,列表项文本         value:文本型,列表项值         selected:布尔型,是否选择加入的列表项         index:数值型,加入位置 实例如下:    $("#Select2").AddOption("请选择","-1",true,0);
实例说明:向select2最上端插入一个文本为“请选择“,值为”-1“的列表项

转载于:https://www.cnblogs.com/xmphoenix/archive/2011/06/25/2090281.html

AjAx下拉列表框(SELECT)jquery插件相关推荐

  1. html5下拉列表显示多列,多列网格样式下拉列表框美化jQuery插件

    Multi-Column-Select是一款多列网格样式下拉列表框美化jQuery插件.通过该插件可以将下拉列表转换为多列的网格选项布局.它支持下拉列表的单选和多选,在鼠标滑过列表选项时还带有一些有趣 ...

  2. ajax java 插件_对JQuery中Ajax应用与jQuery插件的理解与笔记

    Ajax有原生的和封装jQuery版的,感觉JQuery的写法比较简洁明了,不需要去兼容浏览器. 1 2 3 4 5 6 7 8 9 10 11 12 $(function(){ 13 $.ajax( ...

  3. jQuery:收集一些基于jQuery框架开发的控件/jquery插件2

    Horizontal accordion: jQuery 基于jQuery开发,非常简单的水平方向折叠控件. 主页:http://letmehaveblog.blogspot.com/2007/10/ ...

  4. 转 jquery插件--241个jquery插件—jquery插件大全

    241个jquery插件-jquery插件大全 jquery插件jqueryautocompleteajaxjavascriptcoldfusion jQuery由美国人John Resig创建,至今 ...

  5. 240多个jQuery插件 (转)

    概述 jQuery 是继 prototype 之后又一个优秀的 Javascript 框架.其宗旨是-写更少的代码,做更多的事情.它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不 ...

  6. 240多个jquery插件

    概述 jQuery 是继 prototype 之后又一个优秀的 Javascript 框架.其宗旨是-写更少的代码,做更多的事情.它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不 ...

  7. 200个 jquery插件

    引用:http://paranimage.com/jquery-plugin-list/ jquery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其te ...

  8. 240多个jQuery插件 功能强大 齐全

    概述 jQuery 是继 prototype 之后又一个优秀的 Javascript 框架.其宗旨是-写更少的代码,做更多的事情.它是轻量级的 js 库(压缩后只有21k) ,这是其它的 js 库所不 ...

  9. 1000个JQuery插件(转载)

    超强1000个jquery极品插件!(转) 花N长时间积累的Jquery插件,希望大家喜欢.大家还有什么新的插件,请留言,我们一并收录. 感谢大家的支持. ++++++++++++++++++++++ ...

  10. 241个jquery插件—jquery插件大全

    jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team. jQuery是继prototype之后又一个优秀的Javascrīpt框架.其经典 ...

最新文章

  1. Application Virtualization 4.5 部署之(一)
  2. python自学网站有哪些-Python自学之路-前期准备
  3. 微软一站式示例代码库 7月新代码示例发布
  4. 设计模式学习笔记——工厂(Factory)模式
  5. 创建一个vue-cli项目
  6. 机器学习十大算法的核心思想、工作原理、适用 情况及优缺点
  7. OpenCV-Python教程(10、直方图均衡化)
  8. f-stack 编译测试笔记
  9. 【软件需求工程】北理的恶龙们01——需求获取阶段准备工作
  10. 进程间通信(管道、XSI--->SysV、网络套接字)
  11. matlab 求取矩阵中值,matlab中取矩阵中指定列的值组成新矩阵
  12. java画好看坦克_坦克大战第一节——画出自己的坦克(新手篇)
  13. Lenovo 10w 平板评测
  14. edge浏览器字体模糊乱码怎么办
  15. 如何加速香港主机运行系统
  16. 一分钟了解Mysql的间隙锁——《深究Mysql锁》
  17. 关于九宫格的一个算法,求大神助攻
  18. 格林纳达常驻WTO大使孙宇晨发布声明祝贺北京冬奥会顺利召开
  19. MYSQL 备份到底怎么办,XTRABACKUP 还是 MEB(2)--mysqlbackup MEB
  20. C#大作业——人事管理系统

热门文章

  1. java 正则表达式 img_正则表达式处理图片地址、img标签的方法
  2. cmu的计算机专业项目有哪些,CMU卡耐基梅隆大学计算机学院项目介绍(一)
  3. rsa java模数_RSA公私钥获取模数和质数
  4. 在Linux系统下载email,LINUX下安装U-MAIL邮件系统
  5. 列举5个python内置函数和使用方法_Python基础-----函数、内置函数、递归等练习
  6. c++第n小的质数_形形色色的素数 -- 质数定理
  7. php 统计二维数组次数最多_前端面试题(数组篇)
  8. Jmeter之CSS选择器/JQuery选择器关联
  9. TypeScript完全解读(26课时)_14.ES6和Nodejs中的模块
  10. #C++初学记录(阶乘#递归)