想要在输入字段中自动完成但没有得到它答案

【问题标题】：Wanted autocomplete in input field but not getting it想要在输入字段中自动完成但没有得到它
【发布时间】：2021-03-31 15:33:21
【问题描述】：

我正在尝试使用 get 方法从数据库中获取一些大学名称。我得到了数据，但是当我从输入字段尝试时，我没有得到它并且没有下拉菜单。没搞清楚问题出在哪里。

<script type="text/javascript">

    // CSRF Token
    var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
    $(document).ready(function(){

      $( "#universityName" ).autocomplete({
        source: function( request, response ) {
          // Fetch data
          $.ajax({
            url:"{{route('university.universityName')}}",
            type: 'post',
            dataType: "json",
            data: {
               _token: CSRF_TOKEN,
               search: request.term
            },
            success: function( data ) {
               response( data );
            }
          });
        },
        select: function (event, ui) {
           // Set selection
           $('#universityName').val(ui.item.value); // display the selected text
           /*$('#employeeid').val(ui.item.value);*/ // save selected id to input
           return false;
        }
      });

    });
    </script>

&lt;input type="text" class="form-control w-100" name="universityName" id="universityName" placeholder="Search by University Name"&gt;

public function getUniversityName(Request $request){
  $search = $request->search;

  if($search == ''){
     $universityname = DB::table('universities')->orderby('universityname','asc')->select('universityname')->limit(5)->get();
  }else{
     $universityname = DB::table('universities')->orderby('universityname','asc')->select('universityname')->where('universityname', 'like', '%' .$search . '%')->limit(5)->get();
  }

  $response = array();
  foreach($universityname as $universityname){
     $response[] = array("value"=>$universityname->universityname);
  }

  return response()->json($response);
  }

【问题讨论】：

标签： javascript html jquery ajax laravel

【解决方案1】：

只需将 autocomplete="universityName" 添加到您的输入字段：

<input type="text" class="form-control w-100" name="universityName" id="universityName" placeholder="Search by University Name" autocomplete="universityName">

【讨论】：