0

我在 mvc 中有一个页面，其中有 4 个带有 id 的文本框，我想在单击按钮时清除文本框，但我的代码似乎没有做任何事情。这是我的一段代码：

<td><%: Html.TextBoxFor(model => model.fdose, new { id = "pls", style = "width:100px;"            })%> </td>
<td><%: Html.TextBoxFor(model => model.fduration, new { id = "plss", style =   "width:100px;" })%></td>     
<td> <button type="submit" class="t-button" name="med" value="med" id="clearmed">+</button></td>

这是我的脚本：

$("#clearmed").click(function (event) {
$("#plss").val("");
$("#pls").val("");
$("#abc").val("");
$("#abcd").val("");
 });
4

3 回答 3

0

如果您使用其他东西，也许您应该尝试使用 Firebug 或其他浏览器调试器。

于 2012-10-13T22:29:05.070 回答
0

如果没有任何错误，很难判断可能出了什么问题。最好提供一个JSFiddle来提供帮助。如果您确实提供了您遇到的错误，我将更新我的答案以更具体地解决您的问题。

我确实通过 JSFiddle 运行了它（请参见此处的示例）并扩展了 ASP.NET 助手。您的 HTML 中有一个错误（我相信您是在看到编辑后才修复的），但没有明显的错误。我会查看您的调试器（无论是 Firebug、Chrome 开发人员工具还是其他），并确保正确包含 jQuery，您的文本框呈现您期望的方式，并且所有名称都是正确的。

我的最终代码：

<td><input id="pls" name="fdose" style="width:100px" type="textbox" /></td>
<td><input id="plss" name="fduration" style="width:100px" type="textbox" /><td>
<td><button type="submit" class="t-button" name="med" value="med" id="clearmed">+</button></td>​

和

$("#clearmed").on("click", function(event) {
    $("#plss").val("");
    $("#pls").val("");
});​
于 2012-10-13T22:30:55.157 回答
0

由于它是一个提交按钮，因此在单击时防止提交按钮的默认行为。你可以使用preventDefault方法来做到这一点。还将您的代码包装在 ready 事件中。

$(function(){
   $("#clearmed").click(function (event) {
       event.preventDefault();
       $("#plss").val("");
       $("#pls").val("");
   });
}});
于 2012-10-13T22:39:39.727 回答