Jquery 자동 완성 데이터에 레이블과 상점 ID가 표시됩니다.

jQuery UI 자동 완성 입력과 AJAX 소스를 사용하여 ID가 아닌 레이블을 표시하려고합니다. 그러나 사용자가 label id store를 값으로 선택할 때. 나는 이것을 위해 숨겨진 필드를 사용하고 싶지 않다. 동일한 텍스트 상자에 상점 ID를 원합니다. 내 코드는 다음과 같습니다 : index.blade.phpJquery 자동 완성 데이터에 레이블과 상점 ID가 표시됩니다.

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

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);    
     } 
    });

사전에

$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);

감사 PHP 코드가

출처

2017-03-21 sandip kakade

** ** 숨겨진 필드를 사용하고 싶지 않습니다 **. 왜 그래야만하지 ? –

@MayankPandeyz 왜냐하면 나는 동적 추가, 편집 및 텍스트 상자를 삭제하고 내가 이것을 유지하기 위해 숨겨진 필드를 사용하고 있기 때문에 나는 많은 것을 유지해야한다. –

가 변경이

다음과 같이 기능에 초점을

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

출처

2017-03-21 06:00:48

Jquery 자동 완성 데이터에 레이블과 상점 ID가 표시됩니다.

답변

관련 문제