javascript - .ajax() 调用后设置选定值仅在警报后有效

Question

我正在尝试设置在填充下拉列表时从 Java 会话中获得的选定值。在这种情况下，我想选择“selectedCtgry”，它也是被调用的响应 json 对象中的键之一。

我知道有一个竞争条件。但我不知道如何克服这个问题。我还使用了 .done() 附加到 .ajax() 函数。这样，成功处理程序和延迟都不起作用。

有什么办法可以解决这个问题吗？

$(document).ready(function() {
    // alert("selectedCtgry: "+selectedCtgry);
   var selectedCtgry=document.getElementById("title").value;
   $("#title").one("click", function() {  
    if(selectedCtgry!=null){
                  var d1 = null;
                        $.ajax({
                             url : 'UpdateHelperServlet',
                             data: {title : selectedCtgry}, 
                             type: 'get',                   
                             dataType:'json',
                             async: false,                   
                             success : function(data) {  
                                      var $options = $();
                                      $.each(data,function(key,value) {
              $options = $options.add($('<option/>').attr('value', key).text(value));
                             });
                             $("#title").html($options);
                             alert("typeof key");
                             $("#title").val(selectedCtgry);          

                              });
                        } 
               });
    }); 

Answer 1

 $.each(data,function(key,value) {

     if(key == selectedValue)
        $('#title').append('<option selected value="'+key+'">'+value'+</option>');
     else
        $('#title').append('<option value="'+key+'">'+value'+</option>');
});