jQuery seçili bir öğeye ekleme seçeneği ve sonra geri alma

Question

'Scoping' gerçekten doğru terimse bir fikriniz yok, ama birinin bunun neden beklediğim gibi çalışmadığını açıklayabileceğini merak ediyordum. Hep() bloğu dahilinde

$('.myclass option').each(function() { 
    $('#output').append($(this).val()); 
}); 

taşırsanız ben beklenebilir gibi

https://jsfiddle.net/jmillsy/uucf5xmb/1/

işe yarıyor.

Answer 1

Sorun, Ajax çağrınızın eşzamansız olmasıdır. Bunun anlamı, çağrıdan sonra kodunuzun çağrıdan hemen sonra gerçekleşmesi ve seçimlerinizde herhangi bir seçenek bulunmamasıdır.

ajax seçeneklerinde async seçeneğini false olarak belirterek bunu değiştirebilirsiniz. Böylece, option eklenir ve daha sonra output bloğunuzda listelenecek kod çalıştırılır.

Answer 2

böyle kullanın ve işe yarayacak:

$.ajax({ 
    type: "POST", 
    url: "localhost:8080/404", 
    dataType: 'json', 
    data: {} 
}).always(function(data) { 

    $('.myclass').append(
    "<option value='op1'>Option 1</option>" 
); 

    $('.myclass').append(
    "<option value='op2'>Option 2</option>" 
); 
}).complete(function() { 
    $('.myclass option').each(function() { 
    $('#output').append($(this).val()); 
    }); 
}); 

Sorun sandığınız kadar kodunuzu Çalışmayan her birinin, seçenekler GÜNCELLEME henüz render

değil misin ne zaman olduğunu zaman uyumsuz olan diğer versiyonu ile de

İşleri, evet :)