Select2 Ajax Method Not Selecting

Question

Feb 11, 2013, 09:02 PM

jquery jquery-select2 ajax jquery-select2-3 javascript

Select2 Ajax Method Not Selecting

Ok, estoy seguro de que hay algo simple que está mal aquí, pero no estoy 100% de lo que es.

Así que estoy tratando de usarSelect2 El método AJAX como una forma de usuario para buscar una base de datos y seleccionar un resultado. La llamada en sí está regresando con resultados, sin embargo, no me permitirá seleccionar la respuesta de la lista. Tampoco parece permitirte "seleccionarlo" al pasar el cursor o hacia arriba o hacia abajo. Así que sin más preámbulos, aquí está mi código:

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>

select.js

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
    })
})

Respuesta de JSON

{
  error: null,
  results: [
    {
      name: 'Some Name',
      _id: 'Some Id'
    },
    {
      name: 'Some Name',
      _id: 'Some Id'
    }
  ]
}

Todo parece funcionar correctamente, sin embargo, no puedo seleccionar la respuesta y hacer que ingrese en el cuadro. ¿Hay algún problema en mi código?