Pobierz wartość w polu tekstowym wprowadzania

Możesz wybrać wartość tylko na dwa sposoby:

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

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

Jeśli chcesz użyć prostego JavaScript, aby uzyskać wartość, oto jak:

document.getElementById('txt_name').value 

Jest jedna ważna rzecz, o której należy wspomnieć:

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

Zwróci bieżącą rzeczywistą wartość pola tekstowego, na przykład jeśli użytkownik wpisał tam coś po załadowaniu strony.

Ale:

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

Zwróci wartość z DOM / HTML.

Możesz uzyskać atrybut value bezpośrednio, ponieważ wiesz, że jest to element <input>, ale twoje obecne użycie .val() jest już obecny.

Dla powyższego, po prostu użyj .value bezpośrednio na elemencie DOM, w następujący sposób :

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

Myślę, że ta funkcja jest pominięta tutaj w poprzednich odpowiedziach

.val( function(index, value) ) 

Możesz uzyskać wartość w następujący sposób:

this['inputname'].value

Gdzie this odnosi się do formularza, który zawiera dane wejściowe.

Musisz użyć różnych sposobów, aby uzyskać bieżącą wartość elementu wejściowego.

Metoda - 1

Jeśli chcesz użyć prostej .val(), spróbuj tego:

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

pobieranie wartości z wejścia

// 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();

ustaw wartość na wejście

// 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");

Metoda - 2

Użyj .attr(), aby uzyskać zawartość.

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

Dodaję tylko jeden atrybut do pola wejściowego. value="" atrybutem jest ten, który nosi zawartość tekstowa, którą wprowadziliśmy w polu wprowadzania.

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

Metoda - 3

Możesz użyć tego bezpośrednio na swoim elemencie input.

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

Aby uzyskać wartość pola tekstowego, możesz użyć funkcji jQuery val().

Na przykład,

$('input:textbox').val() – Get textbox value.

$('input:textbox').val("new text message") – Ustaw wartość pola tekstowego.

Dla tych, którzy tak jak ja są nowicjuszami w JS i otrzymują undefined zamiast wartości tekstowej Upewnij się, że twoje id nie zawiera nieprawidłowych znaków.