单击图像清除文本框答案

【问题标题】：clear textbox with image click单击图像清除文本框
【发布时间】：2012-06-26 11:53:15
【问题描述】：

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

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

“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")%>

这是我清除文本框的脚本

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

        });

当点击图片时，整个文本框连同图片按钮都会消失。

【问题讨论】：

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

标签： javascript jquery ajax model-view-controller

【解决方案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。

【讨论】：