Código HTML:
Ver original
<link href="css/jqueryui.css" type="text/css" rel="stylesheet"/> <script type="text/javascript"> $(document).ready(function(){ /** * Funcion para añadir una nueva columna en la tabla */ $("#add").click(function(){ // Obtenemos el numero de filas (td) que tiene la primera columna // (tr) del id "tabla" var tds=$("#tabla tr:first td").length; // Obtenemos el total de columnas (tr) del id "tabla" var trs=$("#tabla tr").length; var nuevaFila="<tr>"; for(var i=0;i<tds;i++){ // añadimos las columnas nuevaFila+="<td><input type='text' id='ced_est' name='ced_est' value='' maxlength='8'></td>"; } // Añadimos una columna con el numero total de columnas. // Añadimos uno al total, ya que cuando cargamos los valores para la // columna, todavia no esta añadida //nuevaFila+="<td>"+(trs+1)+" columnas"; nuevaFila+="</tr>"; $("#tabla").append(nuevaFila); }); /** * Funcion para eliminar la ultima columna de la tabla. * Si unicamente queda una columna, esta no sera eliminada */ $("#del").click(function(){ // Obtenemos el total de columnas (tr) del id "tabla" var trs=$("#tabla tr").length; if(trs>1) { // Eliminamos la ultima columna $("#tabla tr:last").remove(); } }); }); </script> <script> $(document).ready(function(){ $( "#ced_est" ).autocomplete({ source: "buscaralumno.php", minLength: 2 }); $("#ced_est").focusout(function(){ $.ajax({ url:'alumno.php', type:'POST', dataType:'json', data:{ced_est:$('#ced_est')} }).done(function(respuesta){ $("#nom_est").val(respuesta.nom_est); $("#ape_est").val(respuesta.ape_est); $("#sex_est").val(respuesta.sex_est); }); }); }); </script> <label> y este es el campo de texto <input name="ced_est" type="text" id="ced_est" value="" maxlength="8"/> </label>
espero me entinedan porfa, aqui les dejo la direccion http://uptm.sytes.net/pruebasjq/agregaca/ y veran en vivo lo q quiero lograr si quieren ingresen un numero por 21 y veran