使用图像单击清除文本框
使用图像单击清除文本框
提问于 2012-06-25 08:21:58
这似乎是一件简单的事情，但不确定如何去做。
我有一个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("");
});单击图像时，整个文本框以及图像按钮都会消失。
回答 1
Stack Overflow用户
发布于 2012-06-25 15:26:11
下面是它是如何解决的
<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("");
});而textbox的效果很差，因为我没有注意到按钮clsDeleteButton被挂起来做这件事。一位大学同学发现了这一点，并创建了另一个名为clsRemoveButton的网站。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11185723
复制相关文章
相似问题
腾讯云开发者
