select2中ajax,select2从文件中加载Ajax数据

简单的例子

知道您从listofvalues.PHP获取的对象的格式是有用的,但让我们假设为了简单起见,它看起来像这样：

[ {"id": 1,"text": "option1"},{"id": 2,"text": "option2"},{"id": 3,"text": "option3"} ]

这是最简单的格式,默认情况下,select2可以处理具有属性名称id和文本的对象,并将它们渲染到下拉列表中.所以你的select2初始化可能如下所示：

$('#select2div').select2({

ajax: {

dataType: "json",results: function (data) {

return {results: data};

}

}

});

稍微挑剔的例子

现在我们假设来自listofvalues.PHP的数据不遵循方便的命名约定：

[ {"id": 1,"firstName": "John","lastName": "Lennon"},"firstName": "Paul","lastName": "McCartney"},"firstName": "George","lastName": "Harrison"},{"id": 4,"firstName": "Ringo","lastName": "Starr"} ]

我们必须设置一个函数来处理输出：

function formatValues(data) {

return data.firstName + ' ' + data.lastName;

}

而我们的select2初始化：

$('#select2div').select2({

ajax: {

dataType: "json",results: function (data) {

return {results: data};

}

},formatResult: formatValues

});

让我知道你怎么样