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 相关文章推荐
javascript基础知识大集锦(二) 推荐收藏
Jan 13 Javascript
jQuery循环滚动展示代码 可应用到文字和图片上
May 11 Javascript
JS中怎样判断undefined(比较不错的方法)
Mar 27 Javascript
js获取ajax返回值代码
Apr 30 Javascript
使用JQ来编写最基本的淡入淡出效果附演示动画
Oct 31 Javascript
js进行表单验证实例分析
Feb 10 Javascript
深入理解JavaScript系列(29):设计模式之装饰者模式详解
Mar 03 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
Jun 01 Javascript
vue.js中$watch的用法示例
Oct 04 Javascript
WebPack基础知识详解
Jan 16 Javascript
JS鼠标滚动分页效果示例
Jul 05 Javascript
jQuery实现的3D版图片轮播示例【滑动轮播】
Jan 18 jQuery
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
松下Panasonic RF-B65电路分析
2021/03/02 无线电
php 生成饼图 三维饼图
2009/09/28 PHP
php面向对象全攻略 (七) 继承性
2009/09/30 PHP
php循环检测目录是否存在并创建(循环创建目录)
2011/01/06 PHP
PHP把数字转成人民币大写的函数分享
2014/06/30 PHP
php Imagick获取图片RGB颜色值
2014/07/28 PHP
ThinkPHP在新浪SAE平台的部署实例
2014/10/31 PHP
PHP检查URL包含特定字符串实例方法
2019/02/11 PHP
解决在Laravel 中处理OPTIONS请求的问题
2019/10/11 PHP
利用ASP发送和接收XML数据的处理方法与代码
2007/11/13 Javascript
CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库
2010/02/07 Javascript
JS实现div居中示例
2014/04/17 Javascript
js中日期的加减法
2015/05/06 Javascript
JavaScript数值千分位格式化的两种简单实现方法
2016/08/01 Javascript
NodeJs的优势和适合开发的程序
2016/08/14 NodeJs
vue轮播图插件vue-awesome-swiper
2017/11/27 Javascript
webpack搭建vue 项目的步骤
2017/12/27 Javascript
vue中关闭eslint的方法分析
2018/08/04 Javascript
JS滚轮控制图片缩放大小和拖动的实例代码
2018/11/20 Javascript
vue实现鼠标移入移出事件代码实例
2019/03/27 Javascript
关于JS解构的5种有趣用法
2019/09/05 Javascript
nodeJS与MySQL实现分页数据以及倒序数据
2020/06/05 NodeJs
微信小游戏中three.js离屏画布的示例代码
2020/10/12 Javascript
Python标准库笔记struct模块的使用
2018/02/22 Python
基于python二叉树的构造和打印例子
2019/08/09 Python
使用pytorch搭建AlexNet操作(微调预训练模型及手动搭建)
2020/01/18 Python
CSS3 渐变(Gradients)之CSS3 径向渐变
2016/07/08 HTML / CSS
Canvas获取视频第一帧缩略图的实现
2020/11/11 HTML / CSS
高品质和独特的产品世界:Creations and Collections
2018/01/07 全球购物
Guess美国官网:美国知名服装品牌
2019/04/08 全球购物
高级技校毕业生自荐信
2013/11/18 职场文书
工作自我评价范文
2015/03/05 职场文书
2016大学生社会实践单位评语
2015/12/01 职场文书
2016年5月份红领巾广播稿
2015/12/21 职场文书
Ruby序列化和持久化存储 Marshal和Pstore介绍
2022/04/18 Ruby
Python简易开发之制作计算器
2022/04/28 Python