[英]How can I use AJAX to dynamically change span text in this example?
邏輯演示 (jsFiddle): 單擊此處!
上面鏈接的演示是我想要實現的結果。 但是,我需要翻譯它以動態地從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');
});
}
});
}
您需要先將xml解析為可遍歷的xmldoc,然后才能使用find。
var xmlDoc = $.parseXML(xml);
$(xmlDoc).find(...
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.