jquery - una - Obtener el valor en un cuadro de texto de entrada

obtener valor de un input jquery

Question

¿Cuáles son las formas de obtener y generar un valor de entrada utilizando 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"  />

Answer 1

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

.val( function(index, value) ) 

Answer 2

Debe utilizar 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 en 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

Utilice .attr() para obtener el contenido.

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

Acabo de agregar un atributo al campo de entrada. value="" atributo value="" 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 elemento de input .

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

Answer 3

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 una carga de página.

Pero:

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

devolverá el valor de DOM / HTML.

Answer 4

Para aquellos que, como yo, son novatos en JS y undefined lugar del valor de texto, asegúrese de que su id no contenga caracteres no válidos .

Answer 5

Para obtener el valor del cuadro de texto, puede usar la función jQuery val() .

Por ejemplo,

$(''input:textbox'').val() - Obtener el valor del cuadro de texto.

$(''input:textbox'').val("new text message") : establece el valor del cuadro de texto.

Answer 6

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

Para lo anterior, simplemente use .value en el elemento DOM directamente, como esto :

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

Answer 7

Puede obtener el valor de esta manera:

this[''inputname''].value

Donde this refiere a la forma que contiene la entrada.

Answer 8

Solo puede seleccionar un valor de las siguientes dos maneras:

// 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, a continuación le indicamos cómo:

document.getElementById(''txt_name'').value 

Answer 9

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

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