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

＆＃13;

git checkout origin/master -- path/to/file

＆＃13;

$("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);
    });
};

＆＃13;

请尝试一次

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

1 个答案: