選択したオートコンプリート値が入力ボックスに表示されない

Question

jquery UIオートコンプリートを使用していますが、値が表示されていましたが、リストから値を選択すると入力ボックス内に表示されません。 、選択された値がコンソールに表示されますが、入力ボックスの内側に、

私はここで

、問題のスクリーンショットを添付していない私は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> 

はこれを試してみてください、上記のようなそれが助けになるコード...