¿Cómo recuperar un valor de <input> usando jQuery?

Question

tengo que campos de entrada ocultos tales como:

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

que me gustaría recuperar tanto de esos valores y POST al servidor usando jQuery. ¿Cómo se usa el motor de selector jQuery para captar esos valores?

Answer 1

Como "foo" y " foo1" son el nombre de ustedes, campos de entrada, usted no será capaz de utilizar el selector de ID de jQuery (#), pero tendrá que utilizar en su lugar el selector de atributos:

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

Esa no es la mejor opción, en cuanto a rendimiento. Se podría establecer mejor la identificación de sus campos de entrada y utiliza el selector de ID (por ejemplo $ ("# foo")) o al menos proporcionar un contexto para el selector de atributos:

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

Debe usar id's o clases para acelerar el proceso de valor.

identificador de versión (suponiendo que la entrada tiene id = 'foo')

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

Clases versión (suponiendo que la entrada tiene class = 'foo')

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