clear textbox with image click

Question

Кажется, что это просто, но не знаете, как это сделать.

У меня есть это текстовое поле ReadOnly, и оно заполняется, когда пользователь нажимает кнопку и выбирает значение из модального окна. Мне нужен другой image_click, который очистит текстовое поле. Ниже приведен код, который у меня есть, но не уверен, как использовать кнопку простого изображения для этого.

Html.SecurityTrimmedActionButton для «SearchButton» отлично работает. Проблема у меня с «DeleteButton». Мне нужно иметь даже SecurityTrimmedAction здесь, так как мне действительно не нужно вызывать какой-либо контроллер, у меня есть функция для очистки текстового поля в самом представлении. Что я могу использовать вместо 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")%> 

Вот мой скрипт, чтобы очистить текстовое поле

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

     }); 

При нажатии на изображение, весь текстовое поле вместе с кнопками изображения исчезают.

Answer 1

Вот как это было решено

<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> 

Вот мой Javascript функция

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

и текстовое поле было disappering, потому что, я не заметил, что кнопка clsDeleteButton зацепила, чтобы сделать это. Коллеж обнаружил это и создал другой, который называется clsRemoveButton.