开发工具:
文件大小: 327kb
下载次数: 0
上传时间: 2012-12-11
详细说明： 操作下拉列表框（SELECT）的三个jquery插件（ajax填充、联动、增加选项） 首先是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").Fill Options("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“的列表项，并且是选中状态 。 ...展开收缩
(系统自动生成,下载前可以参看下载内容)
下载文件列表
相关说明
- 本站资源为会员上传分享交流与学习,如有侵犯您的权益,请联系我们删除.
- 本站是交换下载平台，提供交流渠道，下载内容来自于网络，除下载问题外，其它问题请自行百度。
- 本站已设置防盗链，请勿用迅雷、QQ旋风等多线程下载软件下载资源，下载后用WinRAR最新版进行解压.
- 如果您发现内容无法下载，请稍后再次尝试；或者到消费记录里找到下载记录反馈给我们.
- 下载后发现下载的内容跟说明不相乎，请到消费记录里找到下载记录反馈给我们，经确认后退回积分.
- 如下载前有疑问，可以通过点击"提供者"的名字，查看对方的联系方式，联系对方咨询.
