javascript - 如何获取动态创建的 Id 的当前值？

Question

所以我目前正在获取更改时下拉菜单的值，然后将其添加到下拉菜单周围的 div 的 id 中。

我希望稍后能够在我的代码中使用这个值，但现在看来我得到了一个 undefined variable ，可能是因为它没有在页面加载时分配。

获取该值或将该值分配给变量的好方法/更好的方法是什么？重新加载或刷新页面以便将其更新为新变量的好方法是什么？

我想在 if 语句中使用 selectedValue var，而不是“Big 12”。

提出这个问题的人与另一个问题相同，我认为他不理解我的问题。

有什么想法吗？

$('#team-select').change(function() {
    var teamSelect = $(this).val();
   $('.select-team-menu').attr('id', teamSelect); 

});

var selectedValue = $('.select-team-menu').attr('id');
console.log(selectedValue);

    getGames().done(function(results){
        $.each(results, function (i, gameData){
            $.each(gameData, function(key, game){

                var gamesHome = game.home_team_conference;
                var gamesAway = game.away_team_conference;




                if(gamesHome == "Big 12" || gamesAway == "Big 12"){

Answer 1

将 getGames() 包装在另一个函数中，您可以在发生更改事件时调用该函数

$('#team-select').change(function() {
    var teamSelect = $(this).val();
   $('.select-team-menu').attr('id', teamSelect);    
   // call function declared below and pass in new value from <select>
   loadSelectedTeam(teamSelect);
});


// declare function anywhere in file
function loadSelectedTeam(selectedValue){    
    getGames().done(function(results){
       $.each...    
          ....
           // use selectedValue passed into function
           if(gamesHome == selectedValue  || gamesAway == selectedValue ){....