Question

我有一个文本输入，其自动完成功能已连接到数据库中的城市列表。我想知道一旦用户点击自动完成功能中的某些内容，我就能集中注意力。我正在使用MVC 4，所以它使用我创建的一个名为Quicksearch的函数来检索与用户键入的内容一致的城市列表。

HTML代码

@Html.TextBoxFor(x => x.CityName, new { @class="required", name="q", data_autocomplete = @Url.Action("QuickSearch", "Booking")})

的Javascript

$(document).ready(function () {
    $(":input[data-autocomplete]").each(function () {
        $(this).autocomplete({ source: $(this).attr("data-autocomplete")});
    });
});

感谢您的帮助

Answer 1

使用select事件，附加代码以模糊焦点：

$(document).ready(function () {
    $(":input[data-autocomplete]").each(function () {
        $(this).autocomplete({ 
            source: $(this).attr("data-autocomplete"),
            select: function(event, ui) { 
                $(this).blur(); 
            }
        });
    });
});

Answer 2

你可以像

那样快速地做点什么

$('body').focus();或$(this).blur();

单击自动完成后的焦点

2 个答案: