Pregunta Obtenga el valor en un cuadro de texto de entrada


¿Cuáles son las formas de obtener y representar un valor de entrada usando jQuery?

Aqui hay uno:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js" ></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#txt_name").keyup(function(){
            alert($(this).val());
        });
    })
</script>

<input type="text" id="txt_name"  />

832
2017-11-03 15:07


origen


Respuestas:


//Get
var bla = $('#txt_name').val();

//Set
$('#txt_name').val(bla);

1376
2018-04-09 13:28



Solo puede seleccionar un valor con las dos formas siguientes:

// First way to get a value
value = $("#txt_name").val(); 

// Second way to get a value
value = $("#txt_name").attr('value');

Si desea utilizar JavaScript directo para obtener el valor, aquí se muestra cómo hacerlo:

document.getElementById('txt_name').value 

561
2017-11-03 15:11



Hay una cosa importante que mencionar:

$("#txt_name").val();

devolverá el valor real actual de un campo de texto, por ejemplo, si el usuario escribió algo allí después de cargar una página.

Pero:

$("#txt_name").attr('value')

devolverá el valor de DOM / HTML.


74
2018-03-20 14:54



Puedes obtener el value atributo directamente ya que sabes que es un <input> elemento, pero su uso actual de .val() ya es el actual.

Para lo anterior, solo use .value en el elemento DOM directamente, Me gusta esto:

$(document).ready(function(){
  $("#txt_name").keyup(function(){
    alert(this.value);
  });
});

32
2017-11-03 15:09



Creo que esta función se pierde aquí en respuestas anteriores

.val( function(index, value) ) 

13
2018-06-22 06:21



Puedes obtener el valor así:

this['inputname'].value

10
2018-01-30 22:04



Debe usar varias formas para obtener el valor actual de un elemento de entrada.

MÉTODO 1

Si quieres usar un simple .val(), prueba esto:

<input type="text" id="txt_name" />

Obtener valores de entrada

// use to select with DOM element.
$("input").val();

// use the id to select the element.
$("#txt_name").val();

// use type="text" with input to select the element
$("input:text").val();

Establecer valor a entrada

// use to add "text content" to the DOM element.
$("input").val("text content");

// use the id to add "text content" to the element.
$("#txt_name").val("text content");

// use type="text" with input to add "text content" to the element
$("input:text").val("text content");

MÉTODO - 2

Utilizar .attr() para obtener el contenido

<input type="text" id="txt_name" value="" />

Solo agrego un atributo al campo de entrada. value="" atributo es el que lleva el contenido de texto que ingresamos en el campo de entrada.

$("input").attr("value");

MÉTODO - 3

puedes usar este directamente en tu input elemento.

$("input").keyup(function(){
    alert(this.value);
});

7
2017-07-05 20:16