无法从Select2中选择任何项目

Can not select any item from Select2

本文关键字：选择 任何 项目 Select2      更新时间：2023-09-26

我使用Select2和customFormatResult，如下代码所示：

function productFormatResult(product) {
    var markup = '<div class="row-fluid">' +
            '<div class="col-xs-2"><img src="' + product.url + '" /></div>' +
            '<div class="col-xs-10">' + product.value + '</div>' +
            '</div>';
    var prueba = '<img style="height: 40px;width: 40px;" src="' +
            product.url + '" class="img-rounded" id="ProductoForm_0_image" />&nbsp;&nbsp;' + product.value;
    return prueba;
}
function productFormatSelection(product) {
    return product.value;
}
$("input.typeahead").select2({
    placeholder: "Buscar producto",
    minimumInputLength: 0,
    ajax: {
        url: Routing.generate('get_products'),
        dataType: 'json',
        quietMillis: 250,
        data: function(term, page) {
            return {
                filter: term,
                page: page
            };
        },
        results: function(data, page) {
            var more = (page * 30) < data.total_count;
            return {results: data.items, more: more};
        }
    },
    formatResult: productFormatResult,
    formatSelection: productFormatSelection,
    escapeMarkup: function(m) {
        return m;
    },
    formatNoResults: function() {
        return "No se encontraron productos para la palabra actual";
    },
    formatAjaxError: function() {
        return "No hay conexión con el servidor";
    }
});

但当它们显示时，我可以从select中选择/选择任何项目，为什么？我的代码出了什么问题？您可以在此处测试实际示例（查找文本OFERTAS REALIZADAS A FACTURAR:其中显示Producto）

您需要返回id。

$("input.typeahead").select2({
    id: function(prod) { return prod.value; },
    placeholder: "Buscar producto",
    minimumInputLength: 0,
    id: function(prod){ return "prod"; },
    ajax: {
        url: Routing.generate('get_products'),
        dataType: 'json',
        quietMillis: 250,
        data: function(term, page) {
            return {
                filter: term,
                page: page
            };
        },
        results: function(data, page) {
            var more = (page * 30) < data.total_count;
            return {results: data.items, more: more};
        }
    },
    formatResult: productFormatResult,
    formatSelection: productFormatSelection,
    escapeMarkup: function(m) {
        return m;
    },
    formatNoResults: function() {
        return "No se encontraron productos para la palabra actual";
    },
    formatAjaxError: function() {
        return "No hay conexión con el servidor";
    }
});
相关文章：