De los que no puedo por la vida de averiguar por qué los siguientes no está funcionando. Tomé si desde el W3school ejemplo aquí.

Básicamente quiero tomar el valor de la entrada de texto cuando los cambios y modificar otro div para incluir el valor. Yo sólo quiero el div para mostrar el nuevo valor, pero yo quiero que cambiarlo cada vez que lo pensé el onchange era el camino a seguir.

    <!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
var div = document.getElementById('divID');
div.innerHTML = div.innerHTML + x.value;
}
</script>
</head>
<body>

Enter your name: <input type="text" id="fname" onchange="myFunction()">
<p>When you leave the input field, a function is triggered which transforms the input text to upper case.</p>

<div id="divID"></div>

</body>
</html>

Gracias de antemano por toda la ayuda en este caso.

  • ¿Qué es x.value?
  • «Cuando deja el campo de entrada, una función se activa que transforma el texto de entrada a la parte superior de la caja.» Donde es la función?
  • Lo siento se me olvidó el trozo de código donde x.valor definido. Chancho de la asunción fue a la derecha en el dinero.
InformationsquelleAutor MattSizzle | 2013-12-24

5 Comentarios

  1. 3

    Tienes 2 problemas, el primero es que x no está definido.
    en segundo lugar hay que utilizar otro factor desencadenante de este para que esto suceda cada vez.

    intenta esto:

        function myFunction()
        {
            var input = document.getElementById('fname')
            var div = document.getElementById('divID');
            div.innerHTML = div.innerHTML + input.value;
        }

    y cambiar el código html para:

    <input type="text" id="fname" onkeypress="myFunction()">
    • Esto es exactamente lo que yo necesitaba. Gracias hombre, su inferencia era perfecto.
  2. 2

    x no está definido en su función, debe ser document.getElementById('fname').

    Y si desea cambiar el div cada vez que pulse la tecla, utilice onkeyup o onkeypress en lugar de onchange.

  3. 1

    Puede cambiar x.value a document.getElementById("fname").value, si entiendo tu pregunta correctamente.

  4. 0

    Ok, así que mira esto – http://jsfiddle.net/2ufnK/2/

    El problema es que usted necesita para definir x aquí,

    var x = document.getElementById("fname");

    x ahora las referencias a los objetos de html.

    Entonces usted puede llamar a la, «.valor», método para obtener su texto. A continuación, todo lo demás funciona de la manera que usted ha escrito.

  5. 0
    <head>
        <script type="text/javascript">
            function input(){
                var input_taker = document.getElementById('email').value;
                document.getElementById('display').innerHTML = input_taker;
            }
        </script>
    
    
    </head>
    
    <form method="post" action="#">
    <input type="text" name="email" placeholder="[email protected]" id="email"  onchange="input()">
    <input type="submit" name="save" value="save">
    
    </form>
    <div id="display"></div>

Dejar respuesta

Please enter your comment!
Please enter your name here