使用jQuery从Json填充选择/选项时，ASP.NET MVC空选择

Question

这里需要帮助

这是我的模特

public class SelectOption

{

    public String Value { get; set; }

    public String Text { get; set; }

}

样品方法

public JsonResult GetJson()

{

    var list = new List<SelectOption>

                   {

                       new SelectOption { Value = "1", Text = "Aron" },

                       new SelectOption { Value = "2", Text = "Bob" },

                       new SelectOption { Value = "3", Text = "Charlie" },

                       new SelectOption { Value = "4", Text = "David" }

                   };

    return Json(list);

}

看法

<script type="text/javascript">

    $(document).ready(function() {

        $.getJSON("/Json/GetJson", null, function(data) {

            $("#MyList").addItems(data);

        });

    });

    $.fn.addItems = function(data) {

        return this.each(function() {

            var list = this;

            $.each(data, function(index, itemData) {

                var option = new Option(itemData.Text, itemData.Value);

                list.add(option);

            });

        });

    };

    $("#MyList").change(function() {

        alert('you selected ' + $(this).val());

    });

</script>

上面的代码没有任何错误，只是在加载所有内容时，Select / Dropdownlist将具有4个空值，这意味着我可以单击DDL并有4个值，但是对于所有这四个都是空字符串。

有人知道为什么吗？