2010-11-09 6 views
0

Puis-je simuler ce code avec JQUERY ou Javascript? Je souhaite effacer toutes les zones de texte sans aucun retour vers le serveur.Effacer toutes les zones de texte côté client

+1

JavaScript est une langue événementielle. Dans quelles circonstances les éléments seraient-ils éliminés? Si vous voulez que l'utilisateur clique sur un bouton pour effacer un formulaire, vous devez utiliser le bouton . Ce que j'essaie de comprendre, c'est que vous devez fournir plus de détails. – zzzzBov

+0

@zzzBov: Vous avez raison, je dois utiliser . ça marche pour tous les contrôles? Comme le bouton radio checkbox et ... – Shahin

+1

cela fonctionne pour tous les contrôles dans la même forme que votre bouton d'annulation. Ils seront tous réinitialisés à leur valeur initiale. –

Répondre

4

Je ne comprends pas vraiment ce code, mais pour effacer une zone de texte avec jQuery:

$('someselector').val(''); 

Donc, pour effacer toutes les zones de texte sur une page:

$('input[type=text]').val(''); 

Ou vous pouvez utiliser le bon vieux » form.reset()

+0

Ce code efface toutes les zones de texte d'une collection de contrôles. merci pour votre code mais il effacera juste un textbox mais je veux le faire pour tous les textboxes avec Loop est-ce possible? merci – Shahin

+3

@shaahin - non, il n'effacera pas une seule zone de texte, elle effacera toute zone de texte correspondant au sélecteur jQuery fourni. il n'y a pas besoin de boucle. @zzzzBov a raison - qu'essayez-vous de faire? À quel moment voulez-vous effacer les zones de texte? – RPM1984

+1

@shaahin - utilisez simplement 'document.forms [0] .reset()' pour effacer tous les champs de saisie (radio, texte, etc.) du formulaire. – RPM1984

1

en fonction de clic que j'ai un lien avec remise à zéro de la classe:

$('.reset').click(function(){ 
    $(':input','#formID') 
    .val('') 
}); 
2

On dirait que vous essayez d'effacer les zones de texte à l'intérieur d'une forme de panneau. Ainsi, dans votre sélecteur, vous pouvez donner un contexte

$("input:text", "#yourpanelid").val(''); 
+0

merci, pourriez-vous expliquer plus au sujet de votre code? – Shahin

+1

cela trouve tous les éléments d'entrée qui sont de type texte à l'intérieur d'un élément avec l'ID yourpanelid. – rahul

2

Utilisez le bouton reset. Il réinitialisera tous les éléments (input | select | textarea) dans un form à leurs valeurs par défaut. Les valeurs par défaut sont spécifiées par l'élément comme ceci:

<input type="text" name="someName" value="this is a default value" /> 

avec des boutons radio et cases à cocher, il les retourner à leur état cochée par défaut.

Editer pour ajouter:
Les boutons de réinitialisation fonctionnent bien comme bouton "Annuler" si vous avez un formulaire dans lequel vous modifiez des données existantes.

Questions connexes