Question

我在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("");
 });

Answer 1

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

Answer 2

没有任何错误，很难说出可能出现的问题。如果您提供JSFiddle来帮忙，那将是最好的。如果您确实提供了正在收到的错误，我会更新我的答案以更具体地解决您的问题。

我是通过JSFiddle运行的（参见example here）并扩展了ASP.NET帮助程序。你的HTML中有一个错误（我相信你看到编辑后就修好了），但是没有明显的错误。我会查看你的调试器（无论是Firebug，Chrome开发者工具还是其他）和确保正确包含jQuery ，你的文本框正在呈现你的期望，并且所有名称都是正确的。< / p>

我的最终代码：

<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("");
});

Answer 3

由于它是一个提交按钮，因此在单击时阻止提交按钮的默认行为。您可以使用preventDefault方法来执行此操作。还要将代码包装在ready事件中。

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

按钮上的空文本框在mvc3视图中单击jquery

3 个答案: