Javascript 如何使jquery ui自动完成功能？

我需要为我的表单输入添加jQueryUIAutoComplete函数，它应该建议已经添加的数字，我的表单输入代码是

    <div class="input-group">
      <span class="input-group-addon">Purchase No </span>
      {!! Form::input('text', 'purchase_number', $purchase_number, array('id' => 'purchase_number', 'class' => 'input-lg form-control TabOnEnter', 'placeholder' => 'purchase_number')) !!}
    </div>

购买编号
{！！Form:：input（'text'，'purchase_number'，$purchase_number'，array（'id'=>'purchase_number'，'class'=>'input lg Form control taboneter'，'placeholder'=>'purchase_number'））

我用jquery脚本尝试的是

<script>
$(function() {

  $("#purchase_number").autocomplete({
    autoFocus: true,
    minLength: 0,
  select: function (event, ui) {
    $('#purchase_number').val(ui.item.purchase_number);
  }
})
.focus(function () {
  $(this).autocomplete("search", "");
});

$("#purchase_number").autocomplete().data("uiAutocomplete")._renderItem = function (ul, item) {
  return $("<li>")
  .append("<a>" + item.purchase_number + "</a>")
  .appendTo(ul);
};

});

</script>

$（函数（）{
$（“#采购编号”）。自动完成({
自动对焦：对，
最小长度：0，
选择：功能（事件、用户界面）{
$（'purchase_number'）.val（ui.item.purchase_number）；
}
})
.focus（函数（）{
$（this.autocomplete（“search”和“”）；
});
$（“#采购编号”）.autocomplete（）.data（“uiAutocomplete”）。renderItem=函数（ul，项目）{
返回$（“
”）
.append（“+item.purchase\u number+”）
.附录（ul）；
};
});

---

我在自动完成功能方面是个新手，可能犯了一些小错误，我请您明确解释一下我需要对它做哪些更改。

首先使用jquery尝试一下简单的代码。首先在页面中包括

jquery.js

、

jquery.ui.js

和

jquery.ui.css

$（函数（）{
var availableTags=[
“动作脚本”，
“AppleScript”，
“Asp”，
“基本”，
“C”，
“C++”，
“Clojure”，
“COBOL”，
“ColdFusion”，
“二郎”，
“Fortran”，
“好极了”，
“哈斯克尔”，
“爪哇”，
“JavaScript”，
“口齿不清”，
“Perl”，
“PHP”，
“Python”，
“红宝石”，
“斯卡拉”，
“方案”
];
$（“#采购编号”）。自动完成({
资料来源：availableTags
});
});

购买编号
尝试一些简单的代码，然后继续扩展逻辑！请检查下面的代码段以了解代码的最低版本


$（“输入#搜索文本框”）。自动完成({
来源：[“c++”、“java”、“php”、“coldfusion”、“javascript”、“asp”、“ruby”]
});
你能给我一把小提琴吗？这是我的小提琴。。ui自动完成类未应用于表单..的可能重复项