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

本文实例讲述了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程序设计有所帮助。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery
, json数据
, 下拉列表
, 获取
选择
jquery实现下拉列表、json下拉列表、json级联下拉列表、json绑定下拉列表、json 给下拉列表赋值,以便于您获取更多的相关知识。

时间: 2025-01-30 05:05:06

jQuery实现在下拉列表选择时获取json数据的方法_jquery的相关文章

jQuery+jsp下拉框联动获取本地数据的方法(附源码)_jquery

本文实例讲述了jQuery+jsp下拉框联动获取本地数据的方法.分享给大家供大家参考,具体如下: JQuery下拉框联动很好的体现了Ajax的按需取数据的要求,减小数据的交互量.(点击此处下载源代码) 下面的实例使用Json将服务器端的类或者对象转换为JSON格式,主要运用了6个jar包 commons-beanutils-1.7.0.jar commons-collections-3.2.jar commons-lang-2.3.jar commons-logging-1.0.4.jar ez

jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表_jquery

对于问题从后台获取json数据,将内容填充到下拉列表,代码非常简单,具体过程请看下面代码. 需求:url:链接     par:ID       sel:下拉列表选择器 //获取下拉列表 function BuildSelectBox(url, par, sel) { $(sel).empty(); $.getJSON(url, { id: par }, function (json, textStatus) { for (var i = json.length - 1; i >= 0; i--

jQuery+ajax+asp.net获取Json值的方法_jquery

本文实例讲述了jQuery+ajax+asp.net获取Json值的方法.分享给大家供大家参考,具体如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQueryAjaxJson取值示例</title> <script type="text/javascript" src="Scripts/jquery-1.4.4.min.js&

jQuery使用getJSON方法获取json数据完整示例_jquery

本文实例讲述了jQuery使用getJSON方法获取json数据.分享给大家供大家参考,具体如下: demo.js: [ { "name":"吴者然", "sex":"男", "email":"demo1@123.com" }, { "name":"吴中者", "sex":"男", "email&q

Jquery遍历Json数据的方法_jquery

本文实例讲述了Jquery遍历Json数据的方法.分享给大家供大家参考.具体如下: <html> <head> <title>jQuery遍历json</title> <script src="js/jquery-1.5.2.min.js" type="text/javascript"></script> </head> <script> var a = { "

jquery 获取json数据实现代码_jquery

复制代码 代码如下: //栏目 //发送ajax请求 $.getJSON( "../../../Templet/GetInfoHandler.ashx", //产生JSON数据的服务端页面 {id: "0", sid: "1;2;3", rid: Math.round(Math.random() * 10) }, //向服务器发出的查询字符串 //对返回的JSON数据进行处理 function(json) { //循环取json中的数据,并呈现在

使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇_jquery

调用jQuery的ajax方法时,jQuery会根据post或者get协议对参数data进行序列化; 如果提交的数据使用复杂的json数据,例如: {userId:32323,userName:{firstName:"李",lastName:"李大嘴"}} 那么服务器是无法正常接收到完整的参数,因为jQuery对data的序列化,是使用了键值对拼装的方式; 参数拼装成 userId=32323&userName=object ; userName所指向的对象

$.ajax json数据传递方法_jquery

前台 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>无标题页&l

JQuery 获取json数据$.getJSON方法

 前台: function SelectProject() { var a = new Array; var r = window.showModalDialog('SelProject.aspx', a, "dialogWidth=1000px; dialogHeight=600px; resizable: yes"); if (typeof (r) != 'undefined') { var arr = r.split(";"); $("#hidPro