JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://ecos.fws.gov/js/bootstrap-2.0.3/css/bootstrap.css">
<script src="http://ivaynberg.github.com/select2/select2-master/select2.js"></script>
<link rel="stylesheet" href="http://ivaynberg.github.com/select2/select2-master/select2.css">
<form id="Teste" method="get" action="">
<input type="hidden" id="e6" name="e6" class="select2" style="width: 600px;" />
<input type="submit" value="Enviar" />
</form>
JavaScript
function formataResultado(item) {
return item.Text;
}
function formataSelecao(item) {
return item.Value;
}
$("#e6").select2({
placeholder: "Selecionar fornecedor",
minimumInputLength: 0,
id: function(data){return data.Value;},
allowClear: true,
ajax: {
url: "http://jsfiddle.net/echo/jsonp/",
dataType: 'jsonp',
quietMillis: 300,
data: function (term, page) {
return '{"results":[{"Selected":false,"Text":"Cezar Barbara","Value":"724"},{"Selected":false,"Text":"Cezar Barbara","Value":"765"}],"total":82}';
},
results: function (data, page) {
for ( var p in data )
if ( data[p] == "" ) {
data = JSON.parse(p);
break;
}
return {results: data.results, more: ((page+1) * 60) < data.total };
}
},
formatResult: formataResultado,
formatSelection: formataSelecao,
dropdownCssClass: "bigdrop",
escapeMarkup: function (m) { return m; }
});