2014-09-27 70 views
0

我正在使用jquery自动完成,并且无法在从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> 
+0

尝试选择事件'$( '#txtSearch')未来(”输入')。focus();' – 2014-09-27 05:09:12

+0

在哪里我把这个代码? 'SearchText();' – Gitz 2014-09-27 05:15:09

+0

@SyedAliTaqi不工作我曾尝试 – 2014-09-27 05:15:37

回答

0

尝试设置timeOut

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

仍然不工作,当我把这个代码整个自动完成不工作 – Gitz 2014-09-27 05:54:59

0

更新了答案,

您需要一个电子发泄呼吁关闭此目的

<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/

+0

在哪里我把这个代码? – Gitz 2014-09-27 06:31:11

+0

SearchText()后尝试此操作; – RahulB 2014-09-27 06:34:11

+0

这段代码不工作,当不是自动完成搜索的文本集中到下一个控件,但不是为选择的项目仍然集中在同一个控件:( – Gitz 2014-09-27 06:37:10

0

您应该添加焦点设置这样的

<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> 
+0

此代码不工作:( – Gitz 2014-09-29 04:48:35

相关问题