c# - 键入 ASP.NET MVC 时自动完成

Question

我的问题：

我有一个使用 Asp.Net MVC 实现并运行的应用程序，连接到使用 MySQL 的远程服务器。

我已经从远程服务器检索到下拉列表并且它正在动态运行。我想编辑下拉框并使其可搜索/​​可过滤或自动完成。我一直在研究如何实现这一目标。看起来我们可以通过以下方式做到这一点：

1. JQuery 自动完成插件
2. 选择的插件
3. 编写自己的 JQuery 等。

问题是，大多数人都在使用 SQL Server，直接使用 ADO.NET 导入该模型并编写 JQuery 以使下拉自动完成非常简单。但是，就我而言。我与远程 MySQL 服务器建立了连接。众所周知，我不能或至少不知道如何将 ODBC 数据源连接到 Visual Studio。

我看到很少有关于使用 PHP、JQuery 和 MYSQL 自动完成的帖子。但不适用于 ASP.NET。如果您有任何建议或解决方案，请告诉我。谢谢！

以下是我使用 ODBC 获取下拉框的视图和控制器代码。我确实从其他帖子中尝试了一些 JQuery，但结果并不好。我没有更多的东西要给你看。

控制器

 DataSet ds = new DataSet();

        using (OdbcConnection connfb = new OdbcConnection("DSN=Fishbowl"))
        {
            using (OdbcCommand cmd = new OdbcCommand("select abc from xyz", connfb))
            {
                connfb.Open();
                cmd.ExecuteNonQuery();

                OdbcDataAdapter da = new OdbcDataAdapter(cmd);
                //da.Fill(dt);
                da.Fill(ds);

                List<AddInventoryModel> refNumList = new List<AddInventoryModel>();
                for (int i = 0; i < ds.Tables[0].Rows.Count; i++)
                {
                    AddInventoryModel robj = new AddInventoryModel();
                    robj.referenceNumber = ds.Tables[0].Rows[i]["num"].ToString();
                    refNumList.Add(robj);
                }
                Adi.refNumDD = refNumList;
            }
            connfb.Close();

看法

@Html.LabelFor(model => model.referenceNumber, htmlAttributes: new { @class = "control-label col-md-100" })
        <div class="col-md-20">
            <div id=" myid" class="form-group">
                @Html.DropDownListFor(model => model.referenceNumber, new SelectList(Model.refNumDD, "referenceNumber", "referenceNumber"), "Choose reference")
            </div>
        </div>

我拥有的下拉屏幕截图：

我期待的截图：

是否可以在我拥有的约束条件下做到这一点？我会很感激你的帮助。谢谢！

已编辑

这是我的 ADO.NET 数据源的图片，我需要 ODBC 数据连接，这是不可能的。

这是在服务器资源管理器中：

标签： c#jquerymysqlasp.netasp.net-mvc