입력 상자에 선택된 자동 완성 값이 표시되지 않습니다.

Question

jquery UI 자동 완성을 사용하고 값이 표시되고 있지만 목록에서 값을 선택하면 입력 상자 안에 표시되지 않습니다. select : function에 console.log를 사용했습니다. 선택된 값 i가 24를 선택

여기

,

나는 문제의 스크린을 장착 한 콘솔 아니라 입력 박스 안에 표시이며 콘솔에 표시되지 않지만, 입력 상자 (즉, 롯트 번호 라벨이 부착 된 상자) 내부로 들어갑니다.

스크립트이었다

,

<script> 
    $(function() { 
     var lot_selection = {!! $lot_selection !!}; 
     $("#lot_number").autocomplete({ 
      autoFocus: true, 
      source: lot_selection, 
      minLength: 0, 
      select: function (event, ui) { 

       $('#lot_number').val(ui.item.lot_number); 
       console.log($('#lot_number'), ui.item.lot_number); 
      } 
     }) 
     .focus(function() { 
      $(this).autocomplete("search", ""); 
     }) 
     .data("uiAutocomplete")._renderItem = function (ul, item) { 
      return $("<li>") 
        .append("<a>" + item.lot_number + "</a>") 
        .appendTo(ul); 
     }; 
    }); 

</script> 

그리고 laravel의 lot_number 입력 양식의 코드가 있었다

<div class="col-md-2 hidden-print"> 
    <div class="input-group"> 
     {!! Form::input('text', 'lot_number', null, array('id' => 'lot_number', 'class' => 'input-lg form-control TabOnEnter', 'placeholder' => 'lot_number','autofocus', 'tabindex' => 1)) !!} 
     <span class="input-group-addon">Lot Number</span> 
    </div> 
</div> 

Answer 1

select: function (event, ui) { 
       event.preventDefault(); 
      $('#lot_number').val(ui.item.lot_number); 
      console.log($('#lot_number'), ui.item.lot_number); 
     } 

변경 당신의 선택 기능으로

Answer 2

<script> 
    $(function() { 
     var lot_selection = {!! $lot_selection !!}; 
     $("#lot_number").autocomplete({ 
      autoFocus: true, 
      source: lot_selection, 
      minLength: 0, 
      select: function (event, ui) { 

       $('#lot_number').val(ui.item.lot_number); 
       console.log($('#lot_number'), ui.item.lot_number); 
      } 
      focus: function(event, ui) { 
       event.preventDefault(); 
       $("#lot_number").val(ui.item.lot_number); 
      } 
     }) 
     .focus(function() { 
      $(this).autocomplete("search", ""); 
     }) 
     .data("uiAutocomplete")._renderItem = function (ul, item) { 
      return $("<li>") 
        .append("<a>" + item.lot_number + "</a>") 
        .appendTo(ul); 
     }; 
    }); 

</script> 

이 시도 위와 같이 코드가 도움이 될 것입니다 ...