Comment obtenir la forme contenue d'une entrée ?

Question

J'ai besoin d'obtenir une référence au FORM parent d'un INPUT alors que je n'ai qu'une référence à ce INPUT. Est-ce possible avec JavaScript ? Utilisez jQuery si vous le souhaitez.

function doSomething(element) {
    //element is input object
    //how to get reference to form?
}

Ça ne marche pas :

var form = $(element).parents('form:first');

alert($(form).attr("name"));

Answer 1

Les éléments DOM natifs qui sont des entrées ont également une fonction form qui pointe vers le formulaire auquel ils appartiennent :

var form = element.form;
alert($(form).attr('name'));

Selon w3schools le .form des champs de saisie est prise en charge par IE 4.0+, Firefox 1.0+, Opera 9.0+, ce qui représente encore plus de navigateurs que ce que jQuery garantit, vous devriez donc vous en tenir à cela.

S'il s'agissait d'un autre type d'élément (pas une <input> ), vous pouvez trouver le parent le plus proche avec closest :

var $form = $(element).closest('form');
alert($form.attr('name'));

Voir également ce lien MDN sur le form propriété de HTMLInputElement :

• https://developer.mozilla.org/en/DOM/HTMLInputElement#Properties

Answer 2

Chaque entrée a un form qui pointe vers le formulaire auquel l'entrée appartient, donc simplement :

function doSomething(element) {
  var form = element.form;
}

Answer 3

J'utilise un peu de jQuery et du javascript à l'ancienne - moins de code.

$($(this)[0].form) 

Il s'agit d'une référence complète au formulaire contenant l'élément

Answer 4

Utilisation de jQuery :

function doSomething(element) {
    var form = $(element).closest("form").get().
    //do something with the form.
}

Answer 5

Si vous utilisez jQuery et que vous disposez d'une poignée sur un élément de formulaire, vous devez obtenir(0) l'élément avant d'utiliser .form.

var my_form = $('input[name=first_name]').get(0).form;