<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript - Obtener el valor de un input type=text de varias maneras</title>
<script>
function capturar()
{ // obtenemos e valor por el numero de elemento
var porElementos=document.forms["form1"].elements[0].value;
// Obtenemos el valor por el id
var porId=document.getElementById("nombre").value; // Obtenemos el valor por el Nombre
var porNombre=document.getElementsByName("nombre")[0].value; // Obtenemos el valor por el tipo de tag
var porTagName=document.getElementsByTagName("input")[0].value; // Obtenemos el valor por el nombre de la clase
var porClassName=document.getElementsByClassName("formulario")[0].value;
document.getElementById("resultado").innerHTML=" \ Por elementos: "+porElementos+" \
<br>Por ID: "+porId+" \
<br>Por Nombre: "+porNombre+" \
<br>Por TagName: "+porTagName+" \
<br>Por ClassName: "+porClassName;
}
</script>
<style>
form {width:250px;height:180px;border:1px solid #ccc;padding:10px;}
</style>
</head>
<body>
<h1>Obtener el valor de un input type=text de varias maneras</h1>
<form id="form1">
Nombre:<br><input type="text" name="nombre" value="jose" id="nombre" class="formulario">
<p><input type="checkbox" name="acepto" id="acepto" class="formulario_check"> Acepto el contrato</p>
<p>Deacuerdo: Si<input type="radio" name="deacuerdo" value="si"> No<input type="radio" name="deacuerdo" value="no"></p>
<p>
<select name="seleccion" id="seleccion" class="formulario_select">
<option value="1">primera</option>
<option value="2">segunda</option>
</select>
</p>
</form>
<input type="button" value="obtener el nombre" onclick="capturar()">
<div id="resultado"></div>
<p><a href="http://www.lawebdelprogramador.com">http://www.lawebdelprogramador.com</a></p>
</body>
</html>
Crear cuenta
Comentarios sobre la versión: Versión 1 (27)
Pago por saber más.
Por favor me pueden ayudar con un problema. Quiero que se me impriman el valor de las cajas de texto en un solo mensaje. Por ejemplo ingreso el nombre y apellido en cajas de texto, en un botón que diga unir el contenido se unan los valores.
Agradezco de ante mano la ayuda.
Necesito ayuda por favor.
html {}height: 500px;}width: 500px;margin: auto;}width: 200px;height: 20px;margin: auto;}color:black;position: relative;margin: auto;}width: 300px;height: 20px;margin: auto;}color:white;margin: auto;position: relative;}width: 100px;height: 25px;margin: auto;color: white;}{{}{}{peso_final = 20000000;}}