Question

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

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

'SearchButton'的Html.SecurityTrimmedActionButton工作正常。我遇到的问题是'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("");
        });

并且文本框消失了，因为我没有注意到按钮clsDeleteButton被挂钩来做那件事。一位同事发现并创造了另一个叫做clsRemoveButton的人。

单击图像清除文本框

1 个答案: