jQuery无法设置所选选项动态创建的下拉列表

Question

我已经从移动应用程序中的Web服务中填充了一组选项。我想为回头用户设置为selected，但是无法在下拉列表中将selected设置为选项。

的HTML

<select id="select_group_drop">
       <option >[Select]</option>
</select>

Java脚本

 function get_teams(){

 var servicePath = "http://domain.com/server/";
 function getGroups()
 {
    $("#select_group_drop").html("");
    $.ajax({
          url: servicePath + "manage_teams.php",
          data:
            {
                action: "getAllTeams",
                email: localStorage.getItem("email")
            },
    dataType: "json",
    method: "post",
    success: function(data)
    {
        $("#select_group_drop").html(data.results);
    },
    complete: function() {
        var selectedGroup = localStorage.getItem('selectedGroupName');

       $("#select_group_drop option[text="+selectedGroup+"]").attr("selected","selected");

    }


});

}

Answer 1

如果选择选项生成正确，则它应该可以工作：

   complete: function() {
    var selectedGroup = localStorage.getItem('selectedGroupName');
    $('#select_group_drop option').each(function(){              
             if($(this).val()==selectedGroup ){
                $(this).attr('selected','selected');
            }
        });
    }