刪除孩子的問題

Question

我有兩個下拉表單。當第一個「改變」時，第二個通過ajax填充一些數據。
這是工作，但第二滴的價值下降是不是在每次請求清除（我使用$（「＃second_drop_down」）兒童（）刪除（）;）

下面是示例代碼

$('#first_drop_down').live('change', function() { 
    var x = "some ajax data recived via ajax"; 
    $('#second_drop_down').children().remove(); 
    $('#second_drop_down').append(f); 
}); 

Answer 1

這裏有一個可行的代碼，但它實際上是像你（你必須在你的榜樣錯誤，2個differente變量 「X」 和 「F」）：

http://www.jsfiddle.net/dactivo/8jfHG/

var timeChanged=1; 
    $("#first_drop_down").change(function() 
         { 

       $("#second_drop_down").children().remove(); 
       $("#second_drop_down").append("<option value=\"volvo\">Volvo"+ 
timeChanged+ 
    "</option><option value=\"saab\">Saab"+ timeChanged+ 
    "</option><option value=\"mercedes\">Mercedes"+ timeChanged+"</option>"); 
            timeChanged++; 
          }); 

可能你收到的代碼是畸形的（我想）。

Answer 2

您是否進行同步Ajax調用？如果沒有，你必須把第二個下拉列表改爲回調函數的代碼，否則你將處理尚未收到的數據。假設你使用jQuery：

$.get('http://www.example.com', {first:$('#first_drop_down').val()}, 
    function(data) { 
    $('#second_drop_down').children().remove(); 
    $('#second_drop_down').append(data); 
});