JqueryオートコンプリートデータにラベルとストアIDが表示されます

Question

jQuery UIの自動補完入力に、AJAXソースを使用して、ラベルを表示したいのですが、IDは表示しません。ユーザーが値のラベルIDストアを選択したとき。私はこのために隠しフィールドを使用したくありません。同じテキストボックスにストアIDが必要です。私のコードは以下の通りです：事前に JSコード

$(".party_name").autocomplete({ 
     source: "/filter/partyname", 
     minLength: 1, 
     select: function(event, ui) { 
      $(".party_name").val(ui.item.value); 
      $("#party_name").val(ui.item.label);    
     } 
    }); 

PHPコード

<input id="party_name" class="party_name ui-autocomplete-input" name="party_name" placeholder="Party name" value="" autocomplete="off" type="text"> 

index.blade.php

$find_cust = $post_data['term']; 
     $get_list = PartyName::select('id', 'party_name') 
      ->where('party_name', 'LIKE', '%' . $find_party . '%') 
      ->get(); 
     $data = array(); 
     foreach ($get_list as $table_data) { 
      $data[] = ['value' => $table_data->id, 'label' => $table_data->cust_name]; 
     } 
     echo json_encode($data); 

おかげ

Answer 1

変更するには、

以下のように機能を集中します

focus: function (event, ui) { 
     $(".cust_id").val(ui.item.label); 
     return false; 
    },