jQuery实现在下拉列表选择时获取json数据的方法


Posted in Javascript onApril 16, 2015

本文实例讲述了jQuery实现在下拉列表选择时获取json数据的方法。分享给大家供大家参考。具体如下:

function populateDropDown() {
 $.getJSON('/getData.aspx',{Name:$('#parm').val()},function(data){
  var select = $('#DDLControl');
  var options = select.attr('options');
  $('option', select).remove();
   $.each(data, function(index, array) {
   options[options.length] = new Option(array['variety']);
  });
 });
}
 
$(document).ready(function() {
 populateDropDown();
 $('#DDLchangeData').change(function() {
  populateDropDown();
 });
});

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
js弹出模式对话框,并接收回传值的方法
Mar 12 Javascript
解决用jquery load加载页面到div时,不执行页面js的问题
Feb 22 Javascript
Node.js的包详细介绍
Jan 14 Javascript
基于jquery实现省市联动效果
Nov 23 Javascript
简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
Mar 18 Javascript
AngularJS入门教程之 XMLHttpRequest实例讲解
Jul 27 Javascript
vue.js实现价格格式化的方法
May 23 Javascript
使用JavaScript进行表单校验功能
Aug 01 Javascript
详解微信小程序审核不通过的解决方法
Jan 17 Javascript
ajax请求+vue.js渲染+页面加载的示例
Feb 11 Javascript
简单的React SSR服务器渲染实现
Dec 11 Javascript
JS如何定义用字符串拼接的变量
Jul 11 Javascript
jQuery控制元素显示、隐藏、切换、滑动的方法总结
Apr 16 #Javascript
jquery插件bxslider用法实例分析
Apr 16 #Javascript
JQuery显示、隐藏div的几种方法简明总结
Apr 16 #Javascript
JQuery显示隐藏页面元素的方法总结
Apr 16 #Javascript
JQuery显示隐藏DIV的方法及代码实例
Apr 16 #Javascript
JQuery使用$.ajax和checkbox实现下次不在通知功能
Apr 16 #Javascript
jQuery Ajax使用实例
Apr 16 #Javascript
You might like
PHP实现用户认证及管理完全源码
2007/03/11 PHP
php正则匹配文章中的远程图片地址并下载图片至本地
2015/09/29 PHP
PHP检查端口是否可以被绑定的方法示例
2018/08/09 PHP
关于文本限制字数的js代码
2007/04/02 Javascript
动态刷新 dorado树的js代码
2009/06/12 Javascript
来自国外的页面JavaScript文件优化
2010/12/08 Javascript
深入理解JavaScript系列(2) 揭秘命名函数表达式
2012/01/15 Javascript
抛弃Nginx使用nodejs做反向代理服务器
2014/07/17 NodeJs
JavaScript极简入门教程(一):基础篇
2014/10/25 Javascript
jQuery中的编程范式详解
2014/12/15 Javascript
JS实现动态生成表格并提交表格数据向后端
2020/11/25 Javascript
jquery点击切换背景色的简单实例
2016/08/25 Javascript
AngularJS控制器controller给模型数据赋初始值的方法
2017/01/04 Javascript
jQuery Validate表单验证插件的基本使用方法及功能拓展
2017/01/04 Javascript
如何使用Bootstrap创建表单
2017/03/29 Javascript
JS实现多张图片预览同步上传功能
2017/06/23 Javascript
深入理解Vue生命周期、手动挂载及挂载子组件
2017/09/27 Javascript
node中的密码安全(加密)
2018/09/17 Javascript
详解从react转职到vue开发的项目准备
2019/01/14 Javascript
element-ui多文件上传的实现示例
2019/04/10 Javascript
微信小程序Echarts覆盖正常组件问题解决
2019/07/13 Javascript
js canvas实现星空连线背景特效
2019/11/01 Javascript
vue excel上传预览和table内容下载到excel文件中
2019/12/10 Javascript
vue实现移动端H5数字键盘组件使用详解
2020/08/25 Javascript
Python使用Pycrypto库进行RSA加密的方法详解
2016/06/06 Python
python并发编程之线程实例解析
2017/12/27 Python
在Mac下使用python实现简单的目录树展示方法
2018/11/01 Python
Python3.5 Pandas模块缺失值处理和层次索引实例详解
2019/04/23 Python
tensorflow 实现打印pb模型的所有节点
2020/01/23 Python
Revolution Beauty美国官网:英国知名化妆品网站
2018/07/23 全球购物
英国剑桥包中文官网:The Cambridge Satchel Company中国
2018/11/06 全球购物
女方离婚起诉书
2015/05/18 职场文书
宇宙与人观后感
2015/06/05 职场文书
看古人们是如何赞美老师的?
2019/07/08 职场文书
话题作文之成长
2019/12/09 职场文书
利用Pycharm连接服务器的全过程记录
2021/07/01 Python