Comment obtenir une valeur de variable spécifique à un formulaire à l'aide de Jquery

Question

Comment obtenir une valeur de variable spécifique à un formulaire à l'aide de Jquery.

J'ai plusieurs formulaires dans la même page et le même nom de variable dans chaque formulaire, je veux lire la valeur de champ de texte en utilisant le nom du formulaire.

S'il vous plaît aider

grâce

Answer 1

Pour trouver un ensemble d'entrées avec un nom spécifique:

$(":input[name='" + name + "'")... 

Vous avez besoin d'un moyen d'identifier le formulaire si le même nom est utilisé sous différentes formes. Par exemple:

<form id="one"> 
    <input type="text" name="txt"> 
</form> 
<form id="two"> 
    <input type="text" name="txt"> 
</form> 

seraient sélectionnés avec:

$("#one :input[name='txt']")... 

D'une manière générale, il est une mauvaise idée d'utiliser des sélecteurs d'attributs. Une bonne habitude à prendre est de donner tous vos champs de formulaire ID uniques afin que vous puissiez le faire:

$("#fieldId")... 

ou s'il existe plusieurs, utilisez une classe:

$(":input.fieldclass")... 

La méthode val() est utilisée pour interroger ou définir la valeur d'un champ de formulaire.

Answer 2

Qu'en est-

$('form[name=foobar] #yourfieldid') 

vous pouvez trouver plus sur sélecteur CSS2 here et here

Answer 3

Vous pouvez utiliser javascript simples

var formField = document.forms[form_index].field; 

ou

var formField = document.formName.field; 

ou

var formField = document.forms["formName"].field; 

ou JQuery

var $formField = $('form[name="formName"] > input[name="fieldName"]'); 

Mise à jour mon instruction JQuery. Il ne prend que tous les champs dans le formulaire avec ce nom fieldName

Answer 4

Je sais que de nombreuses années se sont écoulées depuis la question. Cependant, voici un simple sélecteur:

var $field = $('#formId #fieldId'); var value = $field.val();