Maison > interface Web > js tutoriel > Utilisez jquery pour effacer et réinitialiser l'intégralité du champ d'entrée_jquery

Utilisez jquery pour effacer et réinitialiser l'intégralité du champ d'entrée_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Libérer: 2016-05-16 16:06:00
original
1834 Les gens l'ont consulté

Dans le développement Web, nous rencontrons souvent la situation de réinitialiser toutes les zones de saisie.
Par exemple, lors d'une requête, l'utilisateur disposera d'un bouton « Réinitialiser » pour effacer le texte saisi dans toutes les zones de saisie.
À ce stade, jquery peut être utilisé pour effacer (réinitialiser) les données de manière uniforme.

// 复位查询条件输入域
function restInputArea(div_id){
  // 清空文本框
  $("#"+div_id).find('input[type="text"]').each(function(){
    $(this).val("");
  });
  // 复位下拉菜单
  $("#"+div_id).find('select').each(function(){
    $(this).find('option:first-child').attr('selected',"selected");
  });
};
Copier après la connexion

Le code ci-dessus utilise le sélecteur jquery pour obtenir l'élément parent de la zone de saisie entière, et utilise find pour rechercher toutes les zones de saisie et sélectionner les zones de saisie sous l'élément.

Étiquettes associées:
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal