jQuery的填充下拉列表

Question

我有这样的代码：

$(document).ready(function() { 
      var mddlrole = $('<%=ddlrole.ClientID %>'); 

      $.ajax({ 
       type: "POST", 
       url: "ReportBasic.aspx/getroledata", 
       data: '{}', 
       contentType: "application/json;", 
       dataType: "json", 
       success: function(response) { 
        debugger; 
        alert(response.d); 
        $(response.d.toString()).find('Table').each(function() { 
         var OptionValue = $(this).find('RoleID').text(); 
         var OptionText = $(this).find('Name').text(); 
         alert(OptionValue); 
         var option = $("<option>" + OptionText + "</option>"); 
         option.attr("value", OptionValue);  
         mddlrole.append(option); 
        }); 
       } 

      }); 
     }); 

当我提醒response.d我检查，如果数据被成功地从服务器来了，但是当我提醒OptionValue它是未来为空白。

Answer 1

您是XML，所以你应该从你的AJAX调用改变contentType为“text/xml的”，更改XML managament回调，这样的事情

xmlDoc = $.parseXML(response.d.toString()), 
$xml = $(xmlDoc) 
$xml.find('Table').each(function() { 
       var OptionValue = $(this).find('RoleID').text(); 
       var OptionText = $(this).find('Name').text(); 
       var option = new Option(OptionText,OptionValue); 
       $(option).html(OptionText); 
       mddlrole.append(option); 

      });