Bouton de réinitialisation pour des champs spécifiques

Question

J'ai un formulaire de travail qui génère une chaîne, et en cliquant sur un bouton, il place la chaîne dans une zone de zone de texte.

J'ai aussi un bouton de réinitialisation qui suppose de réinitialiser tous les champs mais pas la zone de texte avec les chaînes.

Voici une partie de mon code.

HTML:

<form> 

<!--some more code and inputs--> 

</tbody> </table> </p> <p> <input value="Generate URL" onclick="createURL1();" type="button"> 


<input name="result" size="70" class="clearit" type="text" ></input> 
<input type="button" value="Add The Link" onClick="addtext();"></p> 
<textarea id="t5" style="width:600px;" name="outputtext" ></textarea><br><br> 


</p> </td> </tr> </tbody> </table> 

<input type="reset" value="Clear" id="reset" ></input> 

JavaScript:

$(document).ready(function(){ 
    $('#reset').on('click',function(e){ 
     e.preventDefault(); 
     $('.clearit').val(""); 
    }); 

}); 

J'ai donné toutes les entrées que je veux réinitialiser une classe (ClearIT) et le bouton de remise à zéro a un ID: reset . Le seul champ que je ne voulais pas réinitialiser a un ID différent.

il est censé fonctionner et son non .. S'il vous plaît aider :)

Answer 1

utiliser cette fonction javascript et exclure l'élément avec id vous ne voulez pas réinitialiser et vous pouvez spécifier le moyen de réinitialiser soit par entrée gauche blanc ou menu déroulant égal à -1 et il fonctionne sur IE et FireFox Tesed

function resetLabels() 
    { 
     //mainForm is the name of form 
     var cells = document.mainForm.elements; 
     for (var i= 0; i < cells.length; i++) { 
      if(cells[i].name !='txtName')//for example to not reset by name 
      cells[i].value=''; 

    // cells[i].className = ''; 
    // cells[i].style.color = 'black'; 
    // or cells[i].value='-1' for drop down 
    // or cells[i].name= ''; name and id to compare and exclude specific elements 
    // or cells[i].id= '';  
    //and i suggest to name like txt... and ddl...to         
    //know the type by name and id or just check the type 
    //of element by using cells[i].type 


     } 


    }