Comment puis-je accéder à <input type="hidden"> de l'étiquette value à l'aide de jQuery ?
Alert($('input[type=hidden]#foo').val()) ; Ceci trouve la variable cachée avec l'id foo . Cette recherche est plus spécifique.
Réponses
Trop de publicités?Vous pouvez accéder aux valeurs des champs cachés avec val() comme vous pouvez le faire pour tout autre élément d'entrée :
<input type="hidden" id="foo" name="zyx" value="bar" />
alert($('input#foo').val());
alert($('input[name=zyx]').val());
alert($('input[type=hidden]').val());
alert($(':hidden#foo').val());
alert($('input:hidden[name=zyx]').val());Ils signifient tous la même chose dans cet exemple.
@MohammedRafeeq alert($('#foo').val()) ; Est tout aussi spécifique. Parce qu'un id est unique dans le DOM. Par conséquent, il trouvera toujours un seul élément si le html respecte les normes. Sauf si vous utilisez l'instruction pour vérifier si l'élément est caché ou non.
Qu'est-ce qui est plus rapide ? $('#foo') ou $('input:hidden#foo') ? je suspecte le second puisque plus d'informations de recherche sont données mais je ne suis pas sûr de la façon dont c'est implémenté, donc je ne sais pas si mon sentiment est correct. EDIT : ok j'ai ma réponse grâce au commentaire d'Abel, id only, ie #foo est plus rapide.
Abel ANEIROS
Points
506
Le moyen le plus efficace est l'identification.
$("#foo").val(); //by idVous pouvez lire la suite ici :
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Writing_efficient_CSS
https://developers.google.com/speed/docs/best-practices/rendering?hl=it#UseEfficientCSSSelectors
kaiser
Points
4137
Il existe un sélecteur jQuery pour cela :
// Get all form fields that are hidden
var hidden_fields = $( this ).find( 'input:hidden' );
// Filter those which have a specific type
hidden_fields.attr( 'text' );Vous obtiendrez tous les champs d'entrée cachés et vous filtrerez ceux qui ont une valeur spécifique. type="" .
Notez que cela correspond également aux éléments dont la valeur d'affichage CSS est none, aux éléments dont la largeur et la hauteur sont égales à 0 et aux éléments dont l'ancêtre est caché ( api.jquery.com/hidden-selector )
Rodrigo Longo
Points
131
Si vous voulez sélectionner un champ caché individuel, vous pouvez le faire à l'aide des différents sélecteurs de jQuery :
<input type="hidden" id="hiddenField" name="hiddenField" class="hiddenField"/>
$("#hiddenField").val(); //by id
$("[name='hiddenField']").val(); // by name
$(".hiddenField").val(); // by class
Maxim Sloyko
Points
4091
3 votes
Duplicata possible de Obtenir la valeur d'un champ caché - jQuery