asp.net-mvc – ASP.NET MVC Html.DropDownList由Ajax调用控制器填充？

<%= Html.DropDownListFor(
    x => x.PropertyToHoldSELEctedValue,Enumerable.Empty<SELEctListItem>(),"-- Loading Values --",new { id = "foo" }) 
%>

然后设置一个将返回值的控制器操作：

public class FooController: Controller
{
    public ActionResult Index()
    {
        return Json(new[] {
            new { Id = 1,Value = "value 1" },new { Id = 2,Value = "value 2" },new { Id = 3,Value = "value 3" },},JsonrequestBehavior.AllowGet);
    }
}

然后使用AJAX填充值：

$(function() {
    $.getJSON('/foo/index',function(result) {
        var ddl = $('#foo');
        ddl.empty();
        $(result).each(function() {
            $(document.createElement('option'))
                .attr('value',this.Id)
                .text(this.value)
                .appendTo(DDL);
        });
    });
});