如何在此示例中使用AJAX動態更改跨度文本？

LOGIC DEMO（的jsfiddle）：Click Here!如何在此示例中使用AJAX動態更改跨度文本？

以上鍊接的演示是結果我想實現。但是，我需要翻譯它以動態填充XML變量中的此內容asize & aprice。以下是我用於使用AJAX級聯下拉菜單的當前方法。

XML數據：

<avar aval="1" asize="Small Flag" aprice="$26.00" atext="Size 0"/>

JS數據：

if($('#drpType').val() == "1") 
    { 
    $.ajax({ 
    type: "GET", 
    url: "Flags.xml", 
    dataType: "xml", 
    success: function(xml) { 
    $(xml).find('avar').each(function(){ 
    $('#drpSize').append($('<option></option>').val($(this).attr('aval')).html($(this).attr('atext'))); 
     }); 
    } 
    }); 
}

邏輯（非功能性）：

if($('#drpSize').val() == "1") 
    { 
    $.ajax({ 
    type: "GET", 
    url: "Flags.xml", 
    dataType: "xml", 
    success: function(xml) { 
    // GET XML Value (asize) & print to <span class="ms"> onChange (#drpSize) 
    // GET XML Value (aprice) & print to <span class="mp"> onChange (#drpSize) 
    $('#drpSize').change(function(){ 
    $(xml).find('aval').each(function(){ 
    if ($(this).val() == "1") { 
    $('.ms').text('asize'); 
    $('.mp').text('aprice'); 
     }); 
    } 
    }); 
}

來源

2013-02-06 Casey Jardin

您需要在可以使用find之前將xml解析爲可遍歷的xmldoc。

var xmlDoc = $.parseXML(xml); 
$(xmlDoc).find(...

來源

2013-02-06 17:41:43 pwnyexpress

如何在此示例中使用AJAX動態更改跨度文本？

回答

相關問題