<div class="form-group row">
    <label for="selectCustomer" class="col-sm-2 col-form-label">Customers</label>
    <div class="col-sm-10">
        <select name="customer_id" id="selectCustomer" class="form-control search-customers" style="width: 100%;">
        </select>
        {{-- <p id="input" class="mt-4"></p> --}}
        <input type="text" class="form-control @error('code') is-invalid @enderror" id="input" name="code2">
    </div>
</div>

<script type="text/javascript">
    $('.search-customers').select2({
        placeholder: 'Select Customers',
        ajax: {
            url: 'search-customers',
            dataType: 'json',
            delay: 250,
            processResults: function (data) {
                // select: function(event,ui){
                //     $("#label").val(ui.item.code);
                //     return false;
                // }
                var code = document.getElementById("input");
                return {
                    results: $.map(data, function (item) {
                        // document.getElementById("label").innerHTML = item.code;
                        return {
                            code: code.setAttribute("value",item.code),
                            text: item.name,
                            id: item.id,
                            // element: code.setAttribute("value",item.code)
                        };
                        // let doc = document.getElementById("label").innerHTML = response.code;
                        // return response;
                    })
                };
            },
            cache: true,
            // select: function(event,ui){
            //     $("#label").val(ui.item.code);
            //     return false;
            // }
        },
    });
</script>