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); 

      });