Cakrawala

Untitled

Aug 17th, 2021
1,222
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div class="form-group row">
  2.     <label for="selectCustomer" class="col-sm-2 col-form-label">Customers</label>
  3.     <div class="col-sm-10">
  4.         <select name="customer_id" id="selectCustomer" class="form-control search-customers" style="width: 100%;">
  5.         </select>
  6.         {{-- <p id="input" class="mt-4"></p> --}}
  7.         <input type="text" class="form-control @error('code') is-invalid @enderror" id="input" name="code2">
  8.     </div>
  9. </div>
  10.  
  11. <script type="text/javascript">
  12.     $('.search-customers').select2({
  13.         placeholder: 'Select Customers',
  14.         ajax: {
  15.             url: 'search-customers',
  16.             dataType: 'json',
  17.             delay: 250,
  18.             processResults: function (data) {
  19.                 // select: function(event,ui){
  20.                 //     $("#label").val(ui.item.code);
  21.                 //     return false;
  22.                 // }
  23.                 var code = document.getElementById("input");
  24.                 return {
  25.                     results: $.map(data, function (item) {
  26.                         // document.getElementById("label").innerHTML = item.code;
  27.                         return {
  28.                             code: code.setAttribute("value",item.code),
  29.                             text: item.name,
  30.                             id: item.id,
  31.                             // element: code.setAttribute("value",item.code)
  32.                         };
  33.                         // let doc = document.getElementById("label").innerHTML = response.code;
  34.                         // return response;
  35.                     })
  36.                 };
  37.             },
  38.             cache: true,
  39.             // select: function(event,ui){
  40.             //     $("#label").val(ui.item.code);
  41.             //     return false;
  42.             // }
  43.         },
  44.     });
  45. </script>
RAW Paste Data