Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用Jquery将JSON数据绑定到下拉列表中?_Javascript_Jquery_Json_Drop Down Menu - Fatal编程技术网

Javascript 如何使用Jquery将JSON数据绑定到下拉列表中?

Javascript 如何使用Jquery将JSON数据绑定到下拉列表中?,javascript,jquery,json,drop-down-menu,Javascript,Jquery,Json,Drop Down Menu,我将这个结果作为JSON输出。如何使用jquery在下拉列表中绑定此输出 这是jquery代码: function OnSuccess(response) { var ddlCity = $("[id*=SiteMaster_ddlCity]"); var ddlState = $("[id*=SiteMaster_ddlState]"); ddlCity.empty().append('<option selected="selected" value

我将这个结果作为JSON输出。如何使用jquery在下拉列表中绑定此输出

这是jquery代码:

function OnSuccess(response) {  

     var ddlCity = $("[id*=SiteMaster_ddlCity]");
     var ddlState = $("[id*=SiteMaster_ddlState]");
     ddlCity.empty().append('<option selected="selected" value="0">Please select</option>');
     ddlState.empty().append('<option selected="selected" value="0">Please select</option>');                            
     $.each(response.d, function () {
           ddlCity.append($("<option></option>").val(this['CITY']).html(this['CITY']));
                ddlState.append($("<option></option>").val(this['STATE']).html(this['STATE']));
            });

     //  alert(response.d);
} 

您需要在每个循环中应用索引和值,以获得正确的值。这里使用的语法正确吗

$('.dropdown-content').html('');  //html element where you need to bind the data
    var parseData = jQuery.parseJSON(result.d); // parse the data
    var html = '';            
    $.each(parseData, function (i, v) {   // get data using each loop
        html += "<option>" + v.name+ "</option>";
    });

    $('.dropdown-content').html(html);  // bind the html to targeted element
$('.dropdown content').html('')//需要在其中绑定数据的html元素

var parseData=jQuery.parseJSON(result.d);//解析数据 var html=''; $.each(parseData,function(i,v){//使用每个循环获取数据 html+=“”+v.name+“”; }); $('.dropdown content').html(html);//将html绑定到目标元素
u可以使用响应值$。每个函数传递枚举变量的值和索引;简言之,您应该在$处填写参数。每个函数()Hi感谢:)它在Dropdownlist中未定义为绑定:(使用调试器,查看您的responsevar parseData=jQuery.parseJSON(response.d);//parse the data+var html=“”;$。每个(parseData,函数(i,v){html+=“”+v.CITY+“”;});在parseData中显示您的数据格式如果数据中有CITY,那么他们肯定会绑定CITY调试它,并在parseData variableparseData={Table:Array(1)},response={d:{↵ "表“:[↵ { ↵ “城市”:“DPO”,↵ “国家”:“美国武装部队”↵ } ↵ ] ↵}“}我在调试器中得到的数据是这样的
$('.dropdown-content').html('');  //html element where you need to bind the data
    var parseData = jQuery.parseJSON(result.d); // parse the data
    var html = '';            
    $.each(parseData, function (i, v) {   // get data using each loop
        html += "<option>" + v.name+ "</option>";
    });

    $('.dropdown-content').html(html);  // bind the html to targeted element