如何設置焦點在Jquery自動完成項目中的下一個輸入選擇

Question

我正在使用jquery自動完成，並且無法在從jquery選擇項目後自動完成並將焦點設置在下一個輸入框上請幫我解決這個問題。

的JavaScript

<script type="text/javascript"> 
     $(document).ready(function() { 
      SearchText(); 
     }); 
     function SearchText() { 
      $(".autosuggest").autocomplete({ 
       source: function (request, response) { 
        $.ajax({ 
         type: "POST", 
         contentType: "application/json; charset=utf-8", 
         url: "Default.aspx/GetAutoCompleteData", 
         data: "{'username':'" + document.getElementById('txtSearch').value + "'}", 
         dataType: "json", 
         success: function (data) { 
          response(data.d); 

         }, 

         error: function (result) { 
          alert("Error"); 
         } 
        }); 
       } 
      }); 
     } 
    </script> 

如果下控制重點是

<asp:TextBox ID="txtlocation" placeholder="Location" runat="server" Style="height: 30px;" 
               class="span5"></asp:TextBox> 

Answer 1

嘗試設置timeOut

$(document).ready(function() { 
SearchText(); 
setTimeout(function() { 
$('#txtSearch').next('input').focus(); 
}, 2000); 
}); 

Answer 2

更新了答案，

您需要一個電子發泄呼籲關閉此目的

<script type="text/javascript"> 
     $(document).ready(function() { 
      SearchText(); 
     }); 
     function SearchText() { 
      $(".autosuggest").autocomplete({ 
       source: function (request, response) { 
        $.ajax({ 
         type: "POST", 
         contentType: "application/json; charset=utf-8", 
         url: "Default.aspx/GetAutoCompleteData", 
         data: "{'username':'" + document.getElementById('txtSearch').value + "'}", 
         dataType: "json", 
         success: function (data) { 
          response(data.d); 

         }, 

         error: function (result) { 
          alert("Error"); 
         } 
        }); 
       }, 
       close: function (event, ui) { 
       $('#txtlocation').focus(); 
       } 
      }); 
     } 
    </script> 

演示：http://jsfiddle.net/2ocbta1k/1/

Answer 3

您應該添加焦點設置這樣的

<script type="text/javascript"> 
     $(document).ready(function() { 
      SearchText(); 
     }); 
     function SearchText() { 
      $(".autosuggest").autocomplete({ 
       source: function (request, response) { 
        $.ajax({ 
         type: "POST", 
         contentType: "application/json; charset=utf-8", 
         url: "Default.aspx/GetAutoCompleteData", 
         data: "{'username':'" + document.getElementById('txtSearch').value + "'}", 
         dataType: "json", 
         success: function (data) { 
          response(data.d); 

         }, 

         error: function (result) { 
          alert("Error"); 
         } 
        }); 
       }, 
       close: function (event, ui) { 
        $('#txtlocation').focus(); 
       }, 
       select: function (event, ui) { 
        ($("#txtlocation")).focus(); 
       } 
      }); 
     } 
</script>