Menggunakan jquery dan select2 dengan custom atribute

10/06/2022 2409

Tutorial
Menggunakan jquery dan select2 dengan custom atribute

Berikut cara menggunakan jquery dan select2 untuk mendapatkan custom atribut jadi ketika mengganti select bos yang terpilih dapat ditampilkan tidak hanya text dan id tapi dengan custom atribut dapat menampilkan dan memparsing ke input lain.. :D

$('.itemsearch').select2({
  ajax: {
    url: "{{ route('wh.item.search') }}",
    dataType: 'json',
    delay: 250,
    processResults: function(data) {
      return {
        results: $.map(data, function(item) {
          return {
            text: item.name,
            id: item.id,
            "item_price": item.price_sell,
          }
        })
      };
    },
    cache: true
  }
});

$('.itemsearch').change(function(e) {
  e.preventDefault();
  data = $(".itemsearch").select2('data')[0];
  $('.item-price').val(data.item_price);
});

Posted By
Avatar
Super Admin
Web Developer, Designer, and Teacher
Top Reads