C# 如何在Jquery自动完成项目选择中设置下一个输入的焦点
我正在使用jquery autocomplete,在从jquery autocomplete中选择项目后,无法将焦点设置在下一个输入框上。请帮我解决这个问题 JavaScriptC# 如何在Jquery自动完成项目选择中设置下一个输入的焦点,c#,jquery,asp.net,jquery-autocomplete,C#,Jquery,Asp.net,Jquery Autocomplete,我正在使用jquery autocomplete,在从jquery autocomplete中选择项目后,无法将焦点设置在下一个输入框上。请帮我解决这个问题 JavaScript <script type="text/javascript"> $(document).ready(function () { SearchText(); }); function SearchText() {
<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>
尝试设置超时
更新了答案
为此,您需要一个名为close的事件
<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>
演示:您应该像这样向select事件添加设置焦点
<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>
尝试$'txtSearch'。下一个'input'。焦点;我把代码放在哪了@搜索文本后的syedalitaqia@SyedAliTaqi不起作用我试过了当我把这段代码放进去时它不起作用了整个自动完成不起作用在搜索文本后尝试这个;当“自动完成”中未搜索的文本聚焦到下一个控件,但选中的项目未聚焦到同一控件时,此代码不起作用:是否检查小提琴?这就是你想要的行为吗?
<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>