页面加载时的级联下拉列表更改

Question

我有一个几年前从互联网上获取的Jquery Cascading下拉列表，它运行良好。 但我想扩展它，以便在会议中记住团队的选择。

前提是团队中有用户，当您选择一个团队时，它将显示该团队中的活动用户。 如果您在加载页面后选择了小组，但是如果设置了会话，则下拉列表不会级联，并且您必须重新选择小组以进行级联，这将起作用。

$("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> 

请尝试一次