Formulaire javascript simple réinitialisé lorsque certaines zones de texte sont cliquées

Question

Matin tous ... épais, débutant Riche ici!

J'ai une configuration très simple, trois options de recherche différentes pour trouver des informations sur le produit, à savoir une liste déroulante en cascade, une zone de recherche de produit et une liste de boutons radio.

Idéalement, je ne veux pas que le formulaire soit encombré d'informations ou qu'il doive utiliser le bouton 'cliquez ici pour réinitialiser'. Ce que je voudrais, c'est que le formulaire se réinitialise/s'efface quand un utilisateur tape le menu déroulant, la zone de texte ou la liste des boutons radio. Par conséquent, cela garantira que la recherche ne sera pas encombrée d'informations qui ne sont potentiellement pas utilisées.

Comment pourrait-on s'y prendre? Selon mes autres questions, veuillez excuser mon ignorance.

Answer 1

Ce que vous voulez faire est assez simple avec jquery si vous l'utilisez. Sans connaître votre balisage exacte je ne peux vraiment que pseudo-code il pour vous, mais quelque chose comme cela devrait être un début:

<script language="javascript" type="text/javascript"> 

$(document).ready(function() { 
    $inputs = $("#places, #search, #radio_search"); 
    $.each($inputs, function() { 
     $(this).focus(function() { 
      $.each($inputs, function() { 
       $(this).val(''); 
       $(this).attr('checked', false); 
      }) 
     }); 
    }) 
}); 

</script> 

Vous voulez inlcude la bibliothèque jquery et ajouter à la balise de tête du html page que vous voulez faire cela. Vous devrez également vous assurer que le $inputs = $("#places, #search, #radio_search"); correspond aux identifiants spécifiques des entrées que vous essayez de modifier.

Answer 2

Ok dokey, je l'ai eu à travailler, des choses charmantes.

Cependant, dans ma liste déroulante, je souhaite conserver la valeur orignal plutôt que la supprimer tous ensemble, le code de travail actuel est le suivant.

<script language="javascript" type="text/javascript"> 

$ (document) .ready (function() {$ entrées = $ ("# tbxProdAC, #ddlBuyer, #txtbxHowMany, radTopx");
.Chaque $ (entrées $, la fonction() { $ (this) .focus (function() { $ .each ($ entrées, function() { $ (this) .val ('');
$ (this) .attr ('checked', faux); }) }); }) });

Est-il possible que je peux spécifier les valeurs individuelles dire tbxProdAC = '', ddlBuyer = Valeur originale, txtbxHowMany = '', radTopx = ''?