C# 如何使用jquery ajax在ASp.net mvc4中创建级联文本框

伙计们，我坚持创建两个级联文本框。例如：第一个文本框是“任务”，另一个是“项目”，我想自动完成第一个文本框和在第二个文本框中加载的特定项目，这与第一个文本框tasaks相关…我分别填充这两个。这是我的代码 对于自动完成任务和自动完成项目

function AutoCompleteTasks() {
    $("#txtTasks").autocomplete({
        source: function (request, response) {
            //debugger;
            $.ajax({
                url: "/Home/AutoCompleteTasks",
                type: "POST",
                dataType: "json",
                data: { term: request.term },
                success: function (data) {
                    response($.map(data, function (item) {
                        return { label: item.Name, value: item.Name };
                    }))
                }
            })
        },
    });
}

而这个项目是

function AutoCompleteProjects() {
    $("#txtproject").autocomplete({
        source: function (request, response) {
            //debugger;
            $.ajax({
                url: "/Home/AutoCompleteProjects",
                type: "POST",
                dataType: "json",
                data: { term: request.term },
                success: function (data) {
                    response($.map(data, function (item) {
                        return { label: item.Name, value: item.Name };
                    }))
                }
            })
        },
    });
}

我的Json结果代码是

public JsonResult AutoCompleteTasks(string term)
{
    var result = (from t in context.Tasks
                  where t.Name.Contains(term)
                  select new { t.Name });
    return Json(result, JsonRequestBehavior.AllowGet);
}

对于项目来说

//load projects on autocomplete
public JsonResult AutoCompleteProjects(string term)
{
    var query = (from p in context.Projects
                 where p.Name.Contains(term)
                 select new { p.Name }).Distinct();
    return Json(query, JsonRequestBehavior.AllowGet);
}

任何帮助都将不胜感激。

这里是mvc4begginer关于级联文本框的一个非常好的例子。请检查这个

---

希望这能有所帮助。

如果你更努力地搜索，肯定会找到比我提供的更多的例子。