Ottieni il valore in una casella di testo di input

Quali sono i modi per ottenere e rendere un valore di input usando jQuery?

Eccone uno:

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<input type="text" id="txt_name" />

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

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

È possibile selezionare un valore solo nei due modi seguenti:

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

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

Se vuoi usare JavaScript direttamente per ottenere il valore, ecco come:

document.getElementById('txt_name').value 

C'è una cosa importante da menzionare:

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

restituirà il valore reale corrente di un campo di testo, ad esempio se l'utente ha digitato qualcosa lì dopo un caricamento della pagina.

Ma:

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

restituirà valore da DOM / HTML.

Puoi ottenere l' valueattributo direttamente dal momento che sai che è un <input>elemento, ma il tuo attuale utilizzo .val()è già quello attuale.

Per quanto sopra, basta usare .valuedirettamente l'elemento DOM, in questo modo :

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

Devi usare vari modi per ottenere il valore corrente di un elemento di input.

METODO - 1

Se vuoi usare un semplice .val(), prova questo:

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

Ottieni valori da Input

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

Impostare il valore su Input

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

METODO - 2

Utilizzare .attr()per ottenere il contenuto.

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

Aggiungo solo un attributo al campo di input. value=""L'attributo è colui che porta il contenuto del testo che abbiamo inserito nel campo di input.

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

METODO - 3

puoi usarlo direttamente sul tuo inputelemento.

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

Puoi ottenere il valore in questo modo:

this['inputname'].value

Dove si thisriferisce al modulo che contiene l'input.

Penso che questa funzione sia mancata qui nelle risposte precedenti:

.val( function(index, value) ) 

Per ottenere il valore della casella di testo, è possibile utilizzare la val()funzione jQuery .

Per esempio,

$('input:textbox').val() - Ottieni il valore della casella di testo.

$('input:textbox').val("new text message") - Imposta il valore della casella di testo.

Per coloro che come me sono principianti in JS e ottengono undefinedinvece il valore del testo, assicurati che il tuo idnon contenga caratteri non validi .

Puoi semplicemente impostare il valore nella casella di testo.

Innanzitutto, ottieni il valore come

var getValue = $('#txt_name').val();

Dopo aver ottenuto un valore impostato in input come

$('#txt_name').val(getValue);

Prova questo. Funzionerà di sicuro.

var userInput = $('#txt_name').attr('value')