CODEWITHSUNDEEP
javascriptjqueryjquery-autocompletejquery-ui-autocomplete
Christian
Christian

Reputation: 107

jQuery autocomplete not functioning

I have spent many hours trying to figure out what is preventing the jQuery autocomplete function from working so would really appreciate any help. I am getting the following error in IE and a similar one in Chrome and Firefox:

JavaScript runtime error: Object doesn't support property or method 'autocomplete'

From what I have researched I understand that this is due to a js reference file but none of the solutions I have seen have worked. Here are the references to the js-ui and general js file: 

<head>
   <meta charset="utf-8">
   <title>jQuery UI Autocomplete - Custom data and display</title>
   <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
   <script src="~/Scripts/jquery-1.10.2.js"></script>
   <script src="~/Scripts/jquery-ui-1.11.4.js"></script>
</head>

And here is where I implement it:

<script type="text/javascript">
        $(document).ready(function () {

            $("#school").autocomplete ({
                minLength: 2,
                source: schools,
                select: function (e, ui) {
                    e.target.value = ui.item.label;
                    $("#schoolValue").val(ui.item.value);
                    e.preventDefault();
                }
            });
</script>
<input id="school" class="register-field" placeholder="School" type="text" />

This has been driving me absolutely crazy so I again appreciate any help!

Upvotes: 2

Views: 574

Answers (1)

Rolwin Crasta
Rolwin Crasta

Reputation: 4349

Try this:

<script type="text/javascript">
    $(function () {
        $("#school").autocomplete ({
            minLength: 2,
            source: schools,
            select: function (e, ui) {
                e.target.value = ui.item.label;
                $("#schoolValue").val(ui.item.value);
                e.preventDefault();
            }
        });
    });
</script>
<input id="school" class="register-field" placeholder="School" type="text" />

Upvotes: 1

Related Questions