Bueno estoy empezando con html php javascript y todo eso es mi primer pagina y es un altas, bajas, modificaciones y consulta.
el problema que tengo es que encontre un codigo en la web que me sirve para cargar otra pagina dentro de un div
Código:
<script>
function myFunction2(){
var nombre = getElementById('nombre').value;
var apellido = getElementById('apellido').value;
var edad = getElementById('edad').value;
var sexo = getElementById('sexo').value;
var folio = getElementById('folio').value;
var clave_anterior = getElementById('clave_anterior').value;
var clave_actual = getElementById('clave_actual').value;
var originario = getElementById('originario').value;
var fecha_apertura = getElementById('fecha_apertura').value;
var ocupacion = getElementById('ocupacion').value;
var municipio = getElementById('municipio').value;
var estado = getElementById('estado').value;
var postal = getElementById('postal').value;
var referencia = getElementById('referencia').value;
var servicio = getElementById('servicio').value;
var medico = getElementById('medico').value;
document.getElementById("myDiv").innerHTML="";
document.getElementById("myDiv").style.border="0px";
loadDoc("nombre="+nombre+"&apellido="+apellido+"&edad="+edad+"&sexo="+sexo+"&folio="+folio+"&clave_anterior="+clave_anterior+"&clave_actual="+clave_actual+"&originario="+originario+
"&fecha_apertura="+fecha_apertura+"&ocupacion="+ocupacion+"&municipio="+municipio+"&estado="+estado+"&postal="+postal+"&referencia="+referencia+"&servicio="+servicio+
"&medico="+medico,"registro.php",function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById("pers").innerHTML=xmlhttp.responseText;
}else{ document.getElementById("pers").innerHTML='<img src="images/load.gif" width="50" height="50" />'; }
});
}
</script>
}
Y me funciona bien carga las paginas de maravilla, el problema viene cuando intento mandar un formulario
Código HTML:
<div id="myDiv">
<form class="form-horizontal" method="POST"><br><br>
<br>
<div class="row">
<div class="col-xs-4">
<label for="nombre">Nombre(s)</label>
<input type="text" name="nombre" id="nombre" class="form-control" placeholder="Nombre(s)" onfocusout="this.value=this.value.toUpperCase()"/> </div>
<div class="col-xs-4">
<label for="apellido">Apellido(s)</label>
<input type="text" name="apellido" id="apellido" class="form-control" placeholder="Apellido(s)" onfocusout="this.value=this.value.toUpperCase()"/>
</div>
<div class="col-xs-2">
<label for="edad">Edad  </label>
<input type="number" name="edad" id="edad" class="form-control" placeholder="Edad" onfocusout="this.value=this.value.toUpperCase()"/>
</div>
y lo envio asi (No se si este bien)
Código HTML:
<center><input type="submit" onclick="myFunction2()"class="boton3"/></center>
Quiero saber como mando todos los valores de los input a la funcion, y que lo siga cargando en el mismo div