En lugar de enviar los checkbox con JSON.stringify($('[name="sel[]"]').serializeArray()
es necesario obtener todos los que están marcados e irlos agregando a un arreglo simple, solo con sus valores. Esto también servirá para buscar el valor de los select, asegurar que se seleccionó una opción y agregarlos también a su respectivo arreglo.
$('#finaliza').on('show.bs.modal', function(e) {
// ¿Qué uso le das a estas dos variables?
var $modal = $(this),
idp = e.relatedTarget.id;
// Inicializar arreglos para checkbox y select
let ids = [];
let sels = [];
let incompleto = false;
// Recorrer solo los checkbox marcados
$('[name="sel[]"]:checked').each(function(i, chk) {
// Agregar ID del checkbox
ids.push($(chk).val());
// Obtener valor del select:
// -- A partir del checkbox obtener la fila
// -- Desde la fila, buscar select por etiqueta (no tiene nombre)
let value = parseInt($(chk).closest('tr').find('select').val());
if(value) {
// Agregar valor del select
sels.push(value);
} else {
incompleto = true;
}
});
console.log(ids, sels);
if(incompleto) {
// El select es requerido, no puede tener valor cero
alert('Selecciona centro de costo para todas las filas marcadas');
return false;
}
$.ajax({
cache: false,
type: 'POST',
url: 'finaliza_oc.php',
data: {
'ids': JSON.stringify(ids),
'sels': JSON.stringify(sels)
},
success: function(data) {
$modal.find('.edit-content').html(data);
}
});
});
En PHP los recibirás en dos arreglos:
<?php
var_dump($_POST);
// ids => array(id1, id2, ... idX);
// sels => array(sel1, sel2, ... selX);
$("#probar").on('click', function() {
// Inicializar arreglos para checkbox y select
let ids = [];
let sels = [];
let incompleto = false;
// Recorrer solo los checkbox marcados
$('[name="sel[]"]:checked').each(function(i, chk) {
// Agregar ID del checkbox
ids.push($(chk).val());
// Obtener valor del select:
// -- A partir del checkbox obtener la fila
// -- Desde la fila, buscar select por etiqueta (no tiene nombre)
let value = parseInt($(chk).closest('tr').find('select').val());
if(value) {
// Agregar valor del select
sels.push(value);
} else {
incompleto = true;
}
});
console.log(ids, sels);
if(incompleto) {
// El select es requerido, no puede tener valor cero
alert('Selecciona centro de costo para todas las filas marcadas');
return false;
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tr>
<td align="center"><input type="checkbox" name="sel[]" class="flat-red" value="1"></td>
<td>1</td>
<td>Producto 1</td>
<td><select class="form-control" name="cci[]" required >
<option value='' selected='selected' disabled>SELECCIONE OPCION</option>
<option value="1">Centro 1</option>
<option value="2">Centro 2</option>
</select></td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="sel[]" class="flat-red" value="2"></td>
<td>2</td>
<td>Producto 2</td>
<td><select class="form-control" name="cci[]" required >
<option value='' selected='selected' disabled>SELECCIONE OPCION</option>
<option value="1">Centro 1</option>
<option value="2">Centro 2</option>
</select></td>
</tr>
<tr>
<td align="center"><input type="checkbox" name="sel[]" class="flat-red" value="3"></td>
<td>3</td>
<td>Producto 3</td>
<td><select class="form-control" name="cci[]" required >
<option value='' selected='selected' disabled>SELECCIONE OPCION</option>
<option value="1">Centro 1</option>
<option value="2">Centro 2</option>
</select></td>
</tr>
</table>
<button id="probar">Probar</button>