Maison > interface Web > js tutoriel > Comment puis-je effacer efficacement la valeur d'un élément `` à l'aide de jQuery ?

Comment puis-je effacer efficacement la valeur d'un élément `` à l'aide de jQuery ?

Linda Hamilton
Libérer: 2024-12-07 00:56:11
original
180 Les gens l'ont consulté

How Can I Effectively Clear an `` Element's Value Using jQuery?

Effacement de Utilisation de jQuery

Tentative d'effacer un contrôler la valeur avec jQuery en utilisant le code suivant :

$('#control').attr({ value: '' }); 
Copier après la connexion

peut s'avérer futile. Cependant, une solution viable se présente : envelopper l'élément dans un formulaire, activer la fonction de réinitialisation sur ledit formulaire, puis détacher le formulaire à l'aide de .unwrap().

window.reset = function(e) {
  e.wrap('<form>').closest('form').get(0).reset();
  e.unwrap();
}
Copier après la connexion

Cette approche s'est avérée efficace dans Opera. , Firefox, Safari, Chrome et IE6 , s'étendant à différents types d'éléments de formulaire (à l'exclusion de type="hidden").

Pour visualiser l'utilité de cette méthode, considérez ce qui suit illustration :

<form>
  <input>
Copier après la connexion

Cliquer sur l'un ou l'autre bouton réinitialisera l'élément de formulaire respectif, démontrant la polyvalence de cette technique.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal