如何使用jQuery的自動完成與ajax組合框

Question

我對jquery-ui很新。我想用ajax使用this。 （ASP.NET MVC 5）我創建了jquery-ui-combobox.js並添加到了jquery（combobox）函數中。

我想這樣使用。這個參數（源）是否正確？

<script> 
    $(function() { 
     $("#combobox").combobox({source: function (request, response) { 
       $.ajax({ 
        url: "/Home/GetProjects", 
        dataType: "json", 
        data: { 
         term: request.term 
        }, 
        type: "POST", 
        success: function (data) { 
         /*I dont know what I should here*/ 
         }) 
         ); 
        } 
       });}); 
     $("#toggle").click(function() { 
      $("#combobox").toggle(); 
     }); 
    }); 
</script> 

控制器：

 public JsonResult GetProjects(string term) 
    { 
     var list = new List<SelectListItem>(); 
     list.Add(new SelectListItem { Value = "1", Text = "ActionScript" }); 
     list.Add(new SelectListItem { Value = "2", Text = "AppleScript" }); 
     list.Add(new SelectListItem { Value = "3", Text = "Asp" }); 
     var res = list.Where(p => p.Text.Contains(term)); 
     return Json(res , JsonRequestBehavior.AllowGet); 
    } 


                           Please help. 

Answer 1

在成功你可以這樣做......

$("#combobox").append("<option value=''>Select</option>"); 
        $.each(data, function (value, key) { 
         $("#combobox").append("<option value='"+key.Value+"'>"+key.Text +"</option>"); 
        });