effacer la zone de texte avec l'image cliquez sur

Question

Cela semble être une chose simple à faire, mais je ne sais pas comment le faire.

J'ai cette zone de texte ReadOnly et il est rempli lorsque l'utilisateur clique sur un bouton et sélectionne une valeur dans une boîte modale. J'ai besoin d'un autre image_click qui va effacer la zone de texte. Étant donné ci-dessous est le code que j'ai, je ne sais pas comment avoir un simple bouton d'image pour le faire.

Le Html.SecurityTrimmedActionButton pour le 'SearchButton' fonctionne correctement. Le problème que j'ai est avec le 'DeleteButton'. Ai-je besoin d'avoir même le SecurityTrimmedAction ici, puisque je n'ai vraiment besoin d'appeler aucun contrôleur, j'ai la fonction pour effacer la zone de texte dans la vue elle-même. Que puis-je utiliser à la place de Html.SecurityTrimmedAction?

 <%: Html.TextBoxFor_Readonly(model => model.AdditionalEmailsSentTo, new { style = "width:500px; height:40px;" })%> 
     <%: Html.SecurityTrimmedActionButton(true, "Search Active Directory", "Index", "ActiveDirectory", "btnAdditionalEmailSearch", "clsSearchButton")%> 
     <%: Html.SecurityTrimmedActionButton(true, "Clear AdditionalEmails", "Index", "ActiveDirectory", "btnRemoveAdditionalEmail", "clsDeleteButton")%> 

Voici mon script pour effacer la zone de texte

$("#btnRemoveAdditionalEmail").click(function (event) { 
      event.preventDefault(); 
      $("#AdditionalEmailsSentTo").val(""); 

     }); 

Lorsque vous cliquez sur l'image, la zone de texte entier avec les boutons d'image disparaissent.

Answer 1

Voici comment il a été résolu

<div class="editor-label"> 
     <%: Html.Label("Additional Email Address") %> 
    </div> 
    <div class="editor-field"> 
     <%: Html.TextBoxFor_Readonly(model => model.AdditionalEmailsSentTo, new {id="AdditionalEmailsSentTo", style = "width:500px; height:40px;" })%> 
     <%: Html.SecurityTrimmedActionButton(true, "Search Active Directory", "Index", "ActiveDirectory", "btnAdditionalEmailSearch", "clsSearchButton")%> 
     <button id='btnRemoveAdditionalEmailSearch' class='clsRemoveButton'> 
      Clear Additional Emails</button> 
    </div> 

Voici ma fonction javascript

 $("#btnRemoveAdditionalEmailSearch").click(function (event) { 
      event.preventDefault(); 
      $("#AdditionalEmailsSentTo").val(""); 
     }); 

et la zone de texte a été disappering parce que, je ne l'ai pas remarqué que le bouton clsDeleteButton était accroché à faire. Un collègue a découvert cela et en a créé un autre appelé clsRemoveButton.