頁面上的級聯下載更改負載

Question

我有一個JQuery的級聯下拉，我從互聯網幾年前的工作正常。我想擴展它，以便在會話中記住團隊選擇。

前提是有一個團隊中的用戶，當您選擇一個團隊時，它將顯示該團隊中的活躍用戶。如果您在加載頁面後選擇了團隊，這將起作用，但如果設置了會話，則下拉不會級聯，您必須重新選擇團隊才能級聯。

$("select#memberid_active").attr("disabled", "disabled"); 
$("select#teamid_active").change(function() { 
    $("select#memberid_active").attr("disabled", "disabled"); 
    $("select#memberid_active").html("<option>Wait...</option>"); 
    var id = $("select#teamid_active option:selected").attr('value'); 
    $.post("selectconsultant_active.php", { 
     id : id 
    }, function(data) { 
     $("select#memberid_active").removeAttr("disabled"); 
     $("select#memberid_active").html(data); 
    }); 
}); 

這是下拉代碼，我有PHP會話工作，但當頁面加載時，級聯下拉不會更新。該功能必須適用於頁面加載時和更改時間。我嘗試了一些不同的方法，但我真的不明白JQuery足以讓它們工作。

任何幫助，將不勝感激。

感謝

Answer 1

$("document").ready(function(){ 
 
    
 
/*This works to see if the active Option 
 
    is valid by default when loaded from session 
 
    and then fire the update method. As the default selected value for a dropdown is -1*/ 
 
    if($("select#teamid_active").val() != -1){  
 
    //Fire the udpate if the team dropdown has a value on DOC ready 
 
     updateTheUsersDropDown();  
 
    } 
 

 

 
}); 
 

 
$("select#memberid_active").attr("disabled", "disabled"); 
 
$("select#teamid_active").change(function() { 
 
    updateTheUsersDropDown(); 
 
}); 
 

 
var updateTheUsersDropDown=function(){ 
 
$("select#memberid_active").attr("disabled", "disabled"); 
 
    $("select#memberid_active").html("<option>Wait...</option>"); 
 
    var id = $("select#teamid_active option:selected").attr('value'); 
 
    $.post("selectconsultant_active.php", { 
 
     id : id 
 
    }, function(data) { 
 
     $("select#memberid_active").removeAttr("disabled"); 
 
     $("select#memberid_active").html(data); 
 
    }); 
 
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

請嘗試這個曾經