Estoy agregando datos usando AJAX y luego agregando esos datos en el menú desplegable, después de eso estoy usando la función jQuery .val().trigger() para obtener los datos recién agregados en la parte superior del menú desplegable pasando múltiples variables en la función .val() ; La función val acepta una variable y funciona bien, pero quiero agregar múltiples variables en la función val().

CÓDIGO JS

 success: function(data) { toastr['success']("<?php echo lang('add'); ?>", "Customer Device Added"); setTimeout(function() { const obj = JSON.parse(data); // console.log(data) // console.log(obj) jQuery('#customer_device').append('<option value="' + obj[0].device_brand + ' ' + obj[0].device_model + ' ' + obj[0].device_imei + '">' + obj[0].device_brand + ' ' + obj[0].device_model + ' ' + obj[0].device_imei + '</option>'); jQuery('#customer_device').val(obj[0].device_brand).trigger("change"); $('#customer_device_modal').modal('hide'); }, 500); }

Aquí adjunto estos datos:

 obj[0].device_brand, obj[0].device_model, obj[0].device_imei

Quiero activar todas estas variables en la función .val() para obtenerlas en el menú desplegable en la parte superior; ya que obtengo una variable en la función val. Gracias