Come recuperare un valore da <input> utilizzando jQuery?

Question

Devo campi di input nascosti come:

<input name="foo" value="bar"> 
<input name="foo1" value="bar1"> 

mi piacerebbe recuperare entrambi questi valori e messaggi a server utilizzando jQuery. Come si usa il motore di selezione jQuery per afferrare quei valori?

Answer 1

nome "foo" e " foo1" sono il nome di voi campi di input, non sarà in grado di utilizzare il selettore di id di jQuery (#), ma dovrete utilizzare invece il selettore di attributo:

var foo = $("[name='foo']").val(); 
var foo1 = $("[name='foo1']").val(); 

Questa non è l'opzione migliore, in termini di prestazioni. Faresti meglio impostare l'ID dei vostri campi di input e utilizzare il selettore di ID (ad esempio $ ("# foo")) o almeno fornire un contesto al selettore di attributo:

var form = $("#myForm"); // or $("form"), or any selector matching an element containing your input fields 
var foo = $("[name='foo']", form).val(); 
var foo1 = $("[name='foo1']", form).val(); 

Answer 2

È necessario utilizzare ID o classi per accelerare il processo del valore.

versione ID (supponendo l'ingresso ha id = 'foo')

var value1 = $('#foo').val(); 

versione classi (supponendo l'ingresso ha class = 'foo')

var value1 = $('.foo').val();