Question

Hi guys i am encountering jquery auto complete problem. Actually, in the example given by developers is working fine but once i am trying to implement into my system it is not working;

<script type='text/javascript' src='scripts/jquery.autocomplete.js'></script></code>

<link rel="stylesheet" type="text/css" href="scripts/jquery.autocomplete.css" />

<script type="text/javascript">

$().ready(function() {

    jQuery("#coursex").autocomplete("get_course_list.php", {
        width: 260,
        matchContains: true,
        selectFirst: false
    });

});

</script>
<form autocomplete="off">
        <p>
            Course Namexx <label>:</label>

            <input type="text" name="course" id="coursex" />

            <!--input type="button" value="Get Value" /-->
        </p>

        <input type="submit" value="Submit" />
</form>

The problem is that I am not getting any javascript error in firebug and all the files are included. ajax-autocomplete project. you may download from the net.

Any suggestions how to debug, how to solve or any other product without jquery only ajax and css.

Answer 1

Hiya see demo here please: http://jsfiddle.net/Xzy9T/

please include Jquery ui (like in example) as well & Please make sure that the src of you you javascripts are correct or you can find one online and add the reference.

HTML

   <p>

        Course Namexx <label>:</label>

        <input type="text" name="course" id="coursex" />

        <!--input type="button" value="Get Value" /-->

    </p>

    <input type="submit" value="Submit" />
​

Jquery

$( "#coursex" ).autocomplete({
    source: function( req, resp ) {
        $.post( "/echo/json/", {
            json: '["1", "2", "3", "4", "5"]',
            delay: 1
        }, function(data) {
            resp( data );
        }, "JSON" );
    }
});
​