Foros del Web - Ver Mensaje Individual - como contar total de textbox en crome y firefox. Sin id

emprear · #6 (**permalink**) 30/01/2013, 09:22

Para los textbox usás el type, para los textarea solo el tagname

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>contar inputs text y textarea</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script type="text/javascript">
//<![CDATA[
var i;
var valores = "<br \/>valores de los input: <br \/>";
function cuentaElementos(){
var tags_input=document.getElementsByTagName('input');
var n = 0;
 
for (i=0; i<tags_input.length; i++) {
if (tags_input[i].type=='text'){
valores += tags_input[i].value + '<br\/>';
n++;
}
}
 
var tags_tarea=document.getElementsByTagName('textarea');
var t = tags_tarea.length;
 
var mensaje = 'La cantidad de input text en el documento es ' + n + valores + ', la cantidad de textareas en el documento es ' + t;
document.getElementById('msj').innerHTML = mensaje;
}
 
window.onload = cuentaElementos;
//]]>
</script>
</head>
<body>
<form action="#">
<input type="text" value="uno" /><br />
<input type="text" value="dos" /><br />
<input type="text" value="tres" /><br />
<textarea cols="20" rows="3">textarea uno</textarea><br />
<input type="text" value="cuatro" /><br />
<input type="text" value="cinco" /><br />
<textarea cols="20" rows="3">textarea dos</textarea><br />
</form>
<div id="msj">
    
</div>
</body>
</html>

Para los value de los textareas es similar a los input, hacés un for, recorrés y capturas

Saludos