javascript - 单击图像清除文本框

Question

看起来很简单，但不知道怎么做。

我有这个 ReadOnly 文本框，当用户单击按钮并从模式框中选择一个值时，它会被填充。我需要另一个 image_click 来清除文本框。下面给出的是我的代码，不确定如何点击一个简单的图像按钮来执行此操作。

'SearchButton' 的 Html.SecurityTrimmedActionButton 工作正常。我遇到的问题是“DeleteButton”。我是否需要在这里使用 SecurityTrimmedAction，因为我真的不需要调用任何 Controller ，我具有清除 View 本身中的文本框的功能。我可以使用什么来代替 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("");
        });

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