Revisa en el dom getelementsbytagName, no se si asi se puedan obtener sus valores,revisa la documentación. Yo suelo usar getElementByID.
En el formulario no se coloca ni metodo ni accion
Valida la entrada para que no te de la tabla de multiplicar "papa*1", "mama*5", etc. Eso te lo dejo de tarea, mira los enlaces:
http://php.net/manual/es/function.isset.php http://www.php.net/manual/es/function.is-numeric.php http://www.php.net/manual/es/function.is-float.php
Código HTML:
Ver original<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script type="text/javascript"> function enviar(valor)
{
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("tabla").innerHTML=xmlhttp .responseText;
}
}
xmlhttp.open("GET","php_while.php?i="+valor,true);
xmlhttp.send();
}
Inserta el número del que quieres que escriba la tabla de multiplicar:
<br/><input type="text" name="i" id="i"/> <br/><button type="button" onclick="enviar(document.getElementById('i').value)">OK
</button>
Código PHP:
<?php
$i = $_GET['i'];
$x = 1;
echo "<table border='2px solid black';>";
while ($x <= 10){
echo '<tr><td>'.$i.'</td><td> X </td><td>'.$x.'</td><td> = </td><td>'.($i*$x).'</td>';
$x++;
}
echo "</table>";
?>