如何在ASp.net mvc4中使用jquery ajax創建級聯文本框

Question

夥計我堅持要創建兩個級聯文本框.eg:first-textbox是「tasks」，其他是「projects」我想自動完成first-textbox和specfic在第二文本框加載項目，其中涉及到第一個文本框tasaks ...我填充這兩個separately..here是我的自動完成任務，並自動完成項目代碼 ...

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); 
} 

任何幫助將不勝感激..

Answer 1

這是一個非常好的article約級聯文本框mvc4begginer。請檢查這個。

希望這會有所幫助。