Autocomplete not working with array of values

Question

I have read all posts related jQuery 3.3.1 and jQuery-UI 1.12.1 but I couldn't get the solution. This is my code and its not working.

<link href="lib/jquery-ui/themes/base/jquery-ui.css" rel="stylesheet" />
<link href="lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />

<div class="ui-widget">
  <span>Enter Language Name: </span><input id="Language">
</div>
<script src="lib/jquery/dist/jquery.js"></script>
<script src="lib/jquery-ui/jquery-ui.js"></script>
<script src="lib/bootstrap/dist/js/bootstrap.js"></script>
<script>
  var tech = [
    "Asp",
    "Basic",
    "Java",
    "Php",
    "Typescript",
    "Ruby",
    "Python",
    "Angular"
  ];
  $('#Language').autocomplete({
    data: tech
  });
</script>

Rory McCrossan · Accepted Answer · 2019-03-19 15:54:55Z

There is no data property in the autocomplete() settings. If you're providing an array of values to use in the control you need to use source. I'd suggest reading the documentation.

var tech = [
  "Asp",
  "Basic",
  "Java",
  "Php",
  "Typescript",
  "Ruby",
  "Python",
  "Angular"
];
$('#Language').autocomplete({
  source: tech
});

<link href="https://code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />

<div class="ui-widget">
  <span>Enter Language Name: </span><input id="Language">
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

Collectives™ on Stack Overflow

Autocomplete not working with array of values

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related