Maison  >  Article  >  interface Web  >  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

WBOY
WBOYoriginal
2016-05-16 16:06:001784parcourir

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");
  });
};

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.

Déclaration:
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