Метод Select2 Ajax не выбирается
Хорошо, я уверен, что здесь что-то не так, но я не на все 100%.
Поэтому я пытаюсь использоватьвыбор2 AJAX метод как способ поиска пользователями базы данных и выбора результата. Сам звонок возвращается с результатами, однако он не позволит мне выбрать ответ из списка. Это также, кажется, не позволяет вам «выбрать» его при наведении курсора или на стрелку вверх / вниз. Итак, без лишних слов, вот мой код:
index.html<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="select2/select2.css" media="screen" />
<script src="select2/select2.js"></script>
<script src="select.js"></script>
</head>
<body>
<input type="text" style="width: 500px" class="select2">
</body>
</html>
jQuery(function() {
var formatSelection = function(bond) {
console.log(bond)
return bond.name
}
var formatResult = function(bond) {
return '<div class="select2-user-result">' + bond.name + '</div>'
}
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
})
})
{
error: null,
results: [
{
name: 'Some Name',
_id: 'Some Id'
},
{
name: 'Some Name',
_id: 'Some Id'
}
]
}
Кажется, что все правильно, но я не могу выбрать ответ и ввести его в поле. Есть ли проблема где-то в моем коде?