Select2自动完成功能不适用于动态添加的选择元素

Question

我有以下ajax查询获取HTML。这个html有一个具有Id ddlPage的select元素。

$.ajax({
    type: "GET",
    url: "/Settings/GetEfinanceInterfaceSettingLookups",
    //data: arr,
    success: function (data) {
        $("#eFinanceInterfaceModelForm").append(data);
        AfterLookUpLoad();
    },
    error: function (error) {
        alert(error);
        //jError('An error has occurred while saving the new part source: ' + jsonValue, { TimeShown: 3000 });
    }
});

   function AfterLookUpLoad() {

        $("#ddlPage").select2({
            placeholder: "Select Type(Screen)",
            allowClear: true

        });
}

但是它的自动完成功能不起作用，因为当我打开选择列表时，我无法专注于文本框输入