php-jquery autocomplete текстовое поле из базы данных

Question

Я хочу, чтобы автоматически загружать текстовое поле с некоторыми значениями базы данных. Я пробовал со следующим кодом, но не получал значения для автозаполнения. Я использовал firebug для отладки сценария, но ни он не показывает ошибку, ни я получаю результаты. Вот код-

<script src="js/jquery1.10.min.js"></script> 
<script src="js/jquery-ui.min.js"></script> 
<script> 
    $('#userlist').autocomplete({ 

     source: function(request, response) { 
      //alert('hi') 
      $.ajax({ 
       url : 'ajax.php',//?action=getUsers', 
       dataType: "json", 
       data: { 
        name_startsWith: request.term, 
        type: 'users' 
       }, 
       success: function(data) { 
        //alert('in'); 
        response($.map(data, function(item) { 
         return { 
          label: item, 
          value: item 
         } 
        })); 
       } 
      }); 
     }, 
     autoFocus: true, 
     minLength: 0   
    }); 
</script> 
<form action="search_result.php" name="searchform" method="post"> 

    <input id="userlist" type="text" class="form-control txt-auto"/> 

</form> 

Answer 1

Вы должны ждать $('#userlist') быть создано:

$(document).ready(function(){ 
    $('#userlist').autocomplete({ 
     // code ... 
    }); 
});