无法从select2中的下拉列表中选择值 - ＃.Net

Question

我看到这里曾经多次询问过，但这些都不适合我。所以我再次定位它，看看是否有人面对这样的事情。我在模型中有一个select2，并且可以通过对Api进行ajax调用来填充它。它就像魅力一样，直到这里，问题是我无法在“代码”中选择任何值。下面是我的ajax和html的代码

/ HTML /

<div class="col-lg-8 col-sm-7">
            <input id="procedureSelect" name="SelectProcedure" class="form-control">
        </div>

/ * Ajax Call * /

$('#procedureSelect').select2({
            placeholder: 'Select Procedure',
            allowClear: true,
            quietMillis: 1000,
            ajax: {
                url: '@Url.Action("GetProcedures", "Procedure")',
                dataType: 'json',
                data: function (term, page) {
                    return {
                        searchTerm: term,
                        page: page
                    };
                },
                results: function (data, page) {
                    var more = (page * 25) < data.total;
                    return { results: data.procedureData, more: more };
                }
            },
            formatResult: function (data) {
                return '<div>' + data.procedure_code + " - " + data.short_description + '</div>';
            },

            formatSelection: function (data) {
                var result = data.procedureData;
                return result.procedure_code;
            }
        });

Answer 1

我最后通过做一些研究找到了答案。 Thing is select2期望返回数据的唯一ID。所以我在我的javascript下面添加了一行代码来分配ID

id: function (data) { return data.procedure_code; },

现在它运作正常。