En essayant de retour json et remplir selectlist

Im essayant de retourner un résultat Json à partir de mon contrôleur et de remplir un selectlist à l'aide de jQuery.
Mais le code n'avez même pas touché la méthode Json dans mon contrôleur.

Mon selectlist

<select id="MyList"></select>

Mon javascript

<script type="text/javascript">
    $(document).ready(function () {
        $.getJSON("@Url.Action("GetProductJson", "Product")", 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);
            });
        });
    };
</script>

Mon Json méthode dans ProductController

[HttpGet]
public JsonResult GetProductJson()
{
    var list = new List<SelectListItem>
           {
               new SelectListItem { Value = "1", Text = "Aron" },
               new SelectListItem { Value = "2", Text = "Bob" },
               new SelectListItem { Value = "3", Text = "Charlie" },
               new SelectListItem { Value = "4", Text = "David" }
           };

    return Json(list);
}

OriginalL'auteur Nils Anders | 2013-01-22