Javascript 通过单击图像清除文本框

这似乎是一件简单的事情，但不知道如何去做

我有一个只读文本框，当用户点击一个按钮并从模式框中选择一个值时，它就会被填充。我需要一个其他图像，单击它可以清除文本框。下面给出的是我的代码，不知道如何有一个简单的图像按钮点击做到这一点

“SearchButton”的Html.SecurityTrimmedActionButton工作正常。我遇到的问题是“删除按钮”。我是否需要在这里设置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")%>   

---

单击图像时，整个文本框以及图像按钮将消失。

以下是如何解决此问题的

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

---

文本框不见了，因为我没有注意到按钮clsDeleteButton被钩住了。一位同事发现了这一点，并创建了另一个名为clsRemoveButton的按钮。

下面是如何解决的

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

---

文本框不见了，因为我没有注意到按钮clsDeleteButton被钩住了。一位同事发现了这一点，并创建了另一个名为clsRemoveButton的按钮。

@GazWinter你是什么意思？？没有发布吗？可以发布

#btnaditionalemailsearch

的jQuery事件处理代码吗？@dbaseman我想他们在我发布评论时编辑了代码。@GazWinter，我没有正确格式化代码，因此没有显示，必须编辑它。@shiplu.mokadd.im#btnaditionalemailsearch工作正常。.我在清除文本方面有问题，我已经发布了我写的脚本。@GazWinter你们是什么意思？？没有发布吗？可以发布

#btnaditionalemailsearch

的jQuery事件处理代码吗？@dbaseman我想他们在我发布评论时编辑了代码。@GazWinter，我没有正确格式化代码，因此没有显示，必须编辑它。@shiplu.mokadd.im#btnaditionalemailsearch工作正常。我在清除文本方面有问题，我已经发布了我编写的脚本。

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