tengo un formulario para guardar datos utilizando ajax, el problema es que el momento de enviar los datos al backend no llega el valor del pais el cual no es un campo de tipo input si no uno de tipo select
aca el codigo de la tabla:
<table align="center" border="2" class="striped">
<tr>
<form id="form-emisora">
<td width="150px" align="center">
<select id="pais" name="pais">
<option value=""> Seleccione Pais</option>
<?php
foreach ($paisesCombo as $key => $combo) {
?>
<option value="<?= $combo; ?>"><?= $combo; ?></option>
<?php
} // aca cerramos el ciclo while */
?>
<input type="hidden" name="oldPais" id="oldPais">
</select>
</td>
<td width="300px" align="center">
<input type="text" size="50px" name="emi" id="emi">
</td>
<td width="100px" align="center">
<input type="text" name="id" id="id">
<input type="hidden" name="oldId" id="oldId">
</td>
<td width="300px" align="center">
<input type="text" size="50px" name="url" id="url">
</td>
<td align="center">
<input type="text" name="web" id="web" size="50px">
</td>
<td width="300px" align="center">
<a class="guardar-btn" onclick="crearEmisora()" href="#"> GUARDAR </a>
<a class="editar-btn" style="display: none;" onclick="editarEmisora()" href="javascript:void(0);">GUARDAR CAMBIOS /</a>
<a class="volver-btn" style="display: none;" href="#">ATRAS</a>
</td>
</form>
</table>
el codigo con el cual obtengo los datos del formulario es el siguiente
function crearEmisora(){
var pais = document.getElementById('pais').value
var emi = document.getElementById('emi').value
var id = document.getElementById('id').value
var url = document.getElementById('url').value
var web = document.getElementById('web').value
if (pais ==='' || emi==='' || id==='' || url==='' || web==='' ) {
$('#mensajeERROR').css('display','block')
$('#mensajeERROR').text('Todos los Campos de Formulario deben ser Llenados')
setTimeout(function(){ document.location.reload(); }, 1000);
}else{
$('#mensajeERROR').css('display','none')
var form = $('#form-emisora');
console.log(form)
$.ajax({
type: "POST",
url: 'crear_emisora.php',
data: form.serialize(),
success: function( response ){
var g =response
//console.log(data)
if (g==200) {
$('#mensajeERROR').css('display','none')
$('#mensajeSuccess').css('display','block')
$('#mensajeSuccess').text('EMISORA REGISTRADA EXITOSAMENTE')
setTimeout(function(){ document.location.reload(); }, 1000);
}else{
$('#mensajeERROR').css('display','block')
$('#mensajeERROR').text('ERROR AL REGISTRAR')
//setTimeout(function(){ document.location.reload(); }, 1000);
}
}
});
}
}
al momento de hacer un console.log(pais)
se muestra el valor que llega perfectamente pero cuando lo mando al backend me da el error: Undefined index: pais
y en el back tengo este arreglo donde deben de llegar todos los datos
$emisoraNueva = array ( 'pais' => strtoupper($_POST['pais']),
'emisora' => strtoupper($_POST['emi']), 'id' => strtoupper($_POST['id']), 'url' => $_POST['url'], 'web' => strtoupper($_POST['web']), );