0

大家好,我遇到了 jquery 自动完成问题。实际上,在开发人员给出的示例中运行良好,但是一旦我尝试在我的系统中实现它就无法正常工作;

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

问题是我在 firebug 中没有收到任何 javascript 错误,并且所有文件都包含在内。ajax 自动完成项目。你可以从网上下载。

任何关于如何调试、如何解决或任何其他没有 jquery 的产品的建议,只有 ajax 和 css。

4

1 回答 1

1

嗨,请在这里查看演示:http : //jsfiddle.net/Xzy9T/

请同时包含 Jquery ui(如示例)&请确保您的 javascripts 的 src 是正确的,或者您可以在网上找到一个并添加参考。

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" );
    }
});
​

在此处输入图像描述

于 2012-04-24T05:42:47.990 回答