hola chic@s , vereis estoy intentando hacer un formulario para editar datos.
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
y no encuentro el fallo aver si mil ojos ven mas que uno.
un saludo y gracias.
FORMULARIOS:
Código PHP:
Ver original }
$result3 = "SELECT concierto_id, local_id, localnombre, localrango, localprecio, localdireccion, locallocalidad, localprovincia, localtelefono FROM entradaslocal WHERE concierto_id = $idconcierto ORDER BY localnombre ASC ";
// SI NO HAY CONCIERTOS
echo " <div class='alert alert-danger'> No hay entradas,puedes agregarlas desde aqui: </div>";
}
echo "<div id='resultado'></div> \n";
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='local_id' type='hidden' id='local_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='localrango' type='text' class=':required'id='localrango' value='$row4[localrango]' />
<label for='localprecio'>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='localdireccion' value='$row4[localdireccion]'>
</div><div class='span4'>
<label for='locallocalidad'>
Localidad</label>
<input name='locallocalidad' type='text' class=':required' value='$row4[locallocalidad]'/>
<label for='localprovincia'>
Provincia</label>
<input name='localprovincia' 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='localtelefono'>Telefono del establecimiento</label>
<input name='localtelefono'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>
";
}
}
}
$result3 = "SELECT concierto_id, local_id, localnombre, localrango, localprecio, localdireccion, locallocalidad, localprovincia, localtelefono FROM entradaslocal WHERE concierto_id = $idconcierto ORDER BY localnombre ASC ";
// SI NO HAY CONCIERTOS
echo " <div class='alert alert-danger'> No hay entradas,puedes agregarlas desde aqui: </div>";
}
echo "<div id='resultado'></div> \n";
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='local_id' type='hidden' id='local_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='localrango' type='text' class=':required'id='localrango' value='$row4[localrango]' />
<label for='localprecio'>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='localdireccion' value='$row4[localdireccion]'>
</div><div class='span4'>
<label for='locallocalidad'>
Localidad</label>
<input name='locallocalidad' type='text' class=':required' value='$row4[locallocalidad]'/>
<label for='localprovincia'>
Provincia</label>
<input name='localprovincia' 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='localtelefono'>Telefono del establecimiento</label>
<input name='localtelefono'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>
";
}
}
FUNCION DE ARCHIVO user_ajax.js
Código Javascript
:
Ver originalfunction ActualizarEntradaLocalConcierto(){
//donde se mostrará lo resultados
divResultado = document.getElementById('resultado');
//valores de los inputs
local_id=document.actualizar_entradalocal_concierto.local_id.value;
actualizarlocalnombre=document.actualizar_entradalocal_concierto.actualizarlocalnombre.value;
actualizarlocalrango=document.actualizar_entradalocal_concierto.actualizarlocalrango.value;
actualizarlocalprecio=document.actualizar_entradalocal_concierto.actualizarlocalprecio.value;
localdireccion=document.actualizar_entradalocal_concierto.localdireccion.value;
locallocalidad=document.actualizar_entradalocal_concierto.locallocalidad.value;
localprovincia=document.actualizar_entradalocal_concierto.localprovincia.value;
localtelefono=document.actualizar_entradalocal_concierto.localtelefono.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("local_id="+local_id+"&actualizarlocalnombre="+actualizarlocalnombre+"&actualizarlocalrango="+actualizarlocalrango+"&actualizarlocalprecio="+actualizarlocalprecio+"&localdireccion="+localdireccion+"&locallocalidad="+locallocalidad+"&localprovincia="+localprovincia+"&localtelefono="+localtelefono)
}