reales - Javascript, viendo

historias paranormales reales en mexico

Question

Acabo de empezar a aprender HTML. Hacer una alert() en una de mis variables me da este resultado [object HTMLInputElement] .

¿Cómo obtener los datos, que se agregaron en el campo de texto, donde mi tipo de entrada es texto?

Answer 1

Cuando obtienes un valor de cliente crea y que un valor por ejemplo.

var current_text = document.getElementById(''user_text'').value;
        var http = new XMLHttpRequest();
        http.onreadystatechange = function () {

            if (http.readyState == 4 &&  http.status == 200 ){
                var response = http.responseText;
              document.getElementById(''server_response'').value = response;
                console.log(response.value);


            }

Answer 2

Diga que su variable es myNode , puede hacer myNode.value para recuperar el valor de los elementos de entrada.

Firebug tiene una pestaña "DOM" que muestra atributos DOM útiles.

También vea la página de Mozilla para obtener una referencia: https://developer.mozilla.org/en-US/docs/DOM/HTMLInputElement

Answer 3

Si el elemento es un <input type="text"> , debe consultar el atributo de value :

alert(element.value);

Vea un ejemplo en este jsFiddle .

Además, y viendo que está empezando a aprender HTML, podría considerar el uso de console.log() lugar de alert() para fines de depuración. No interrumpe el flujo de ejecución del script, y puede tener una vista general de todos los registros en casi todos los navegadores con herramientas de desarrollador (excepto esa , obviamente).

Y, por supuesto, podría considerar usar una herramienta de desarrollo web como Firebug , por ejemplo, que es un complemento poderoso para Firefox que proporciona muchas funcionalidades (depuración de código javascript, inspector DOM, cambios DOM / CSS en tiempo real, monitoreo de solicitudes. ..)

Answer 4

cambio:

$("input:text").change(function() {
    var value=$("input:text").val();
    alert(value);
});

a

$("input:text").change(function() {
    var value=$("input[type=text].selector").val();
    alert(value);
});

nota: selector: id, clase ..

Answer 5

<input type="text" />
<script>
$("input:text").change(function() {
    var value=$("input:text").val();
    alert(value);
});
</script>

use .val () para obtener el valor del elemento (método jquery), $ ("input: text") este selector para seleccionar su entrada, .change () para vincular un controlador de eventos al evento "change" de JavaScript.