使用 jQuery UI 实现自动完成搜索框 _ASP.net MVC [关闭]答案

【问题标题】：Implement Autocomplete Search box _ASP.net MVC with jQuery UI [closed]使用 jQuery UI 实现自动完成搜索框 _ASP.net MVC [关闭]
【发布时间】：2016-07-11 07:31:17
【问题描述】：

我需要一个自动完成搜索框

当用户输入文本时，我想在数据库中查找任何相关问题。

感谢有人帮助我了解如何开始使用 jQuery UI 自动完成功能。谢谢

【问题讨论】：

标签： jquery asp.net-mvc autocomplete typeahead.js

【解决方案1】：

您可以使用 Jquery 来恢复来自控制器的数据（通过 Ajax），然后您也可以使用 Jquery 的自动完成方法...

$(document).ready(function () {
        $("#your_txt_box").autocomplete({
            source: function (request,response) {
                $.ajax({
                    url: 'controller',
                    dataType: 'json',
                    method: 'POST',
                    success: function (data) {
                        response($.map(data, function (item) {
                            return { field1: item.field1, field2: item.field2, field3: item.field3, field4: item.field4};
                        }))
                    }
                });
            }
        });
    });

【讨论】：

感谢您的关心。很好，但只是一个问题.. 您可以告诉我这条线到底在做什么吗？ response($.map(data, function (item) { return { field1: item.field1, field2: item.field2, field3: item.field3, field4: item.field4}; })) 以及如果可能的话，我如何通过单击对每一行进行提醒。欣赏
该函数应该是您从控制器获取的对象，在您的情况下是 List。您必须循环项目以获取列表的每个项目，然后您必须将您想要的每个字段映射到自动完成...为了在每一行中执行某些操作，您必须定义一个 Jquery 函数并从其中的每个 onclick 事件中调用它排。自动完成也有一个 onclick 事件，但仅限于它自己......无论如何......这将是另一个问题。
再次打扰一下，debugger; 是干什么用的？它停止了我的代码
不，是我的错。对不起，你可以删除它。我也编辑了我的答案......干杯伙伴。