lo que hago es que cargar todos los datos de mysql. y enviarlos para que creen formularios independientes, luego por ajax actualizarlos. pero me da el siguiente error:
Uncaught TypeError: Cannot read property 'value' of undefined user_ajax.js
ActualizarEntradaLocalConcierto user_ajax.js
onsubmit
Código PHP :
actualizarlocal_id=document.actualizar_entradalocal_concierto.actualizarlocal_id.value;
no se que sera :s pongo los archivos
FORM:
Código PHP :
$result3 = "SELECT concierto_id, local_id, localnombre, localrango, localprecio, localdireccion, locallocalidad, localprovincia, localtelefono FROM entradaslocal WHERE concierto_id = $idconcierto ORDER BY localnombre ASC ";
if ($result4 = mysqli_query($conexion, $result3)) {
// SI NO HAY CONCIERTOS
if (mysqli_num_rows($result4) == 0) {
echo " <div class='alert alert-danger'> No hay entradas,puedes agregarlas desde aqui: </div>";
}
echo "<div id='resultado'></div> \n";
while ($row4 = mysqli_fetch_assoc($result4)){
echo " <form name='actualizar_entradalocal_concierto' method='post' action='' onsubmit='ActualizarEntradaLocalConcierto(); return false' class='form-horizontal'>
<div class='control-group'>
<div class='span4'>
<input name='actualizarlocal_id' type='hidden' id='actualizarlocal_id' value='$row4[local_id]' />
<label for='localnombre'> Nombre del establecimiento </label>
<input name='actualizarlocalnombre' id='actualizarlocalnombre' type='text' class=':required' value='$row4[localnombre]' />
<br>
<label for='localrango'>Categoria
</label><input name='actualizarlocalrango' type='text' class=':required'id='actualizarlocalrango' value='$row4[localrango]' />
<label for='actualizarlocalprecio'>Precio</label>
<div class='input-append'><input name='localprecio' type='text' class=':required' id='localprecio' value='$row4[localprecio]'><span class='add-on'> €</span></div>
<label for='localdireccion'>Direccion</label>
<input name='localdireccion' type='text'class=':required' id='actualizarlocaldireccion' value='$row4[localdireccion]'>
</div><div class='span4'>
<label for='locallocalidad'>
Localidad</label>
<input name='actualizarlocallocalidad' type='text' class=':required' value='$row4[locallocalidad]'/>
<label for='localprovincia'>
Provincia</label>
<input name='actualizarlocalprovincia' type='text' class=':required' data-provide='typeahead' data-items='4' data-source='['Madrid','Barcelona','Álava','Albacete','Alicante','Almería','Ávila','Badajoz','Baleares (Illes)','Barcelona','Burgos','Cáceres','Cádiz','Castellón','Ciudad Real','Córdoba','A Coruña','Cuenca','Girona','Granada','Guadalajara','Guipúzcoa','Huelva','Huesca','Jaén','León','Lleida','La Rioja','Lugo','Madrid','Málaga','Murcia','Navarra','Ourense','Asturias','Palencia','Las Palmas','Pontevedra','Salamanca','Santa Cruz de Tenerife','Cantabria','Segovia','Sevilla','Soria','Tarragona','Teruel','Toledo','Valencia','Valladolid','Vizcaya','Zamora','Zaragoza','Ceuta','Melilla']' value='$row4[localprovincia]'/>
<br />
<label for='actualizarlocaltelefono'>Telefono del establecimiento</label>
<input name='actualizarlocaltelefono'type='text' class=':required' value='$row4[localtelefono]' />
</p>
<p>
<input type='submit' name='enviar' id='enviar' value='Enviar' class='btn btn-primary' />
<input type='reset' name='button' id='button' value='Restablecer' class='btn'/>
</p></div></div>
</form>
";
}
mysqli_free_result($result4);
}
AJAX:
Código Javascript :
function ActualizarEntradaLocalConcierto(){
//donde se mostrará lo resultados
divResultado = document.getElementById('resultado');
//valores de los inputs
actualizarlocal_id=document.actualizar_entradalocal_concierto.actualizarlocal_id.value;
actualizarlocalnombre=document.actualizar_entradalocal_concierto.actualizarlocalnombre.value;
actualizarlocalrango=document.actualizar_entradalocal_concierto.actualizarlocalrango.value;
actualizarlocalprecio=document.actualizar_entradalocal_concierto.actualizarlocalprecio.value;
actualizarlocaldireccion=document.actualizar_entradalocal_concierto.actualizarlocaldireccion.value;
actualizarlocallocalidad=document.actualizar_entradalocal_concierto.actualizarlocallocalidad.value;
actualizarlocalprovincia=document.actualizar_entradalocal_concierto.actualizarlocalprovincia.value;
actualizarlocaltelefono=document.actualizar_entradalocal_concierto.actualizarlocaltelefono.value;
//instanciamos el objetoAjax
ajax=objetoAjax();
//uso del medotod POST
//archivo que realizará la operacion
//registro.php
ajax.open("POST", "actualizar_local_concert.php",true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
//mostrar resultados en esta capa
divResultado.innerHTML = ajax.responseText
divFormulario.innerHTML = "<div class='alert alert-white'>La actualización se realizó correctamente</div>";
//llamar a funcion para limpiar los inputs
LimpiarCampos();
}
}
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//enviando los valores
ajax.send("actualizarlocal_id="+actualizarlocal_id+"&actualizarlocalnombre="+actualizarlocalnombre+"&actualizarlocalrango="+actualizarlocalrango+"&actualizarlocalprecio="+actualizarlocalprecio+"&actualizarlocaldireccion="+actualizarlocaldireccion+"&actualizarlocallocalidad="+actualizarlocallocalidad+"&actualizarlocalprovincia="+actualizarlocalprovincia+"&actualizarlocaltelefono="+actualizarlocaltelefono)
}
