select2中ajax,javascript - Select2 Ajax Method Not Selecting - Stack Overflow

Ok, I'm sure there's something simple set wrong here but I'm not 100% what it is.

So I am trying to use Select2 AJAX method as a way of users to search a database and select a result. The call itself is coming back with results, however it will not allow me to select the answer from the list. It also doesn't seem to allow you to "select" it on hover or up/ down arrow. So without further ado, here is my code:

index.html

select.js

jQuery(function() {

var formatSelection = function(bond) {

console.log(bond)

return bond.name

}

var formatResult = function(bond) {

return '

' + bond.name + '

'

}

var initSelection = function(elem, cb) {

console.log(elem)

return elem

}

$('.select2').select2({

placeholder: "Policy Name",

minimumInputLength: 3,

multiple: false,

quietMillis: 100,

ajax: {

url: "http://localhost:3000/search",

dataType: 'json',

type: 'POST',

data: function(term, page) {

return {

search: term,

page: page || 1

}

},

results: function(bond, page) {

return {results: bond.results, more: (bond.results && bond.results.length == 10 ? true: false)}

}

},

formatResult: formatResult,

formatSelection: formatSelection,

initSelection: initSelection

})

})

JSON Response

{

error: null,

results: [

{

name: 'Some Name',

_id: 'Some Id'

},

{

name: 'Some Name',

_id: 'Some Id'

}

]

}

Everything seems to pull in correctly, however I am unable to actually select the answer and have it input into the box. Is there a problem somewhere in my code?