看起来很简单,但不知道怎么做。
我有这个 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("");
});
单击图片时,整个文本框和图片按钮都会消失。
最佳答案
解决方法如下
<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 的按钮。
关于javascript - 单击图像清除文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11185723/