php-jquery 自动完成数据库中的文本框

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