JQuery未清除ASP.NET MVC视图中嵌入部分视图的表单数据

在我们的ASP.NET MVC 4应用程序中，我们有一个Index.cshtml视图，其中包含一个表单标记和嵌入在该标记中的多个局部视图。Index.cshtml顶部有水平选项卡，每个局部视图都与其中一个选项卡关联：

@{
    ViewBag.Title = "Main Page";
}
@section Scripts{
<script type="text/javascript">
   $(document).ready(function () {
     $('#btnClearAll').click(function () {
        $(':input').not(':button, :submit, :reset, :hidden').val('');
     });
});
</script>
}
<form action="#">
<div id="tabs">
  <ul>
     <li><a href="#Tab1" id="Tab1_menu_link">Tab 1/a></li>
     <li><a href="#Tab2" id="Tab2_menu_link">A</a></li>
     <li>.......</li> //other tabs ...
  </ul>
  <div id="Tab1">
     @{Html.RenderPartial("View1");}
  </div>
  <div id="Tab2">
     @{Html.RenderPartial("View2");}
  </div>
  ......//other embedded views etc.
</form>

@{
ViewBag.Title=“主页面”；
}
@节脚本{
$（文档）.ready（函数（）{
$（'#btnclearl'）。单击（函数（）{
$（':input'）.not（':button，：submit，：reset，：hidden'）.val（''）；
});
});
}


….
//其他选项卡。。。

@{Html.RenderPartial（“View1”）；}
@{Html.RenderPartial（“View2”）；}
……其他嵌入式视图等。

View1有一个“全部清除”按钮。我们在Index.chtml文件的标记中编写了click事件（如上所示），这样当用户单击上面的按钮时，它将从这个表单中的所有部分视图中清除所有输入控件中的数据。但该按钮仅从部分视图1内的控件中清除数据

所有局部视图的输入控件均为文本类型（文本框），其中一些值为只读，并且来自其他局部视图的文本框。例如，view1的textbox1是只读的，其值设置为view2的textbox2。所有非只读文本框的值由用户输入

我们如何使上述代码清除所有局部视图中输入控件中的数据

谢谢..南

> p>您应该在索引xcthtML的底部写入这段JavaScript代码，而不是在PudialVIEW1和PudialVIEW2.< /P>之间的中间写入代码。

确保包含jqueryjs文件

在渲染脚本之前加载所有局部视图

---

View1

和

View2

是什么样子的？没有理由它不能像isJasen那样工作，我已经修改了我原来的帖子，并做了进一步的澄清。请看最后第二段。如果我们能看到你的观点，对其他人会更有帮助；如果有大量类似的输入，则截断代码。正如上面提到的，javascript应该可以工作，因此html可能存在问题。另外，可能是转录错误，但您缺少一个结束脚本标记。Jasen，我刚刚在上面添加了结束脚本标记。它在原始代码中。部分视图是简单的html文件，输入标签类型为text.Albus，我已经修改了我原来的帖子。请参阅Index.cshtml文件中的代码以及最后第二段中的进一步解释。Albus，所有相关的JQuery文件都已添加（该代码适用于部分视图1，其中有btnClearAll按钮）。此外所有的局部视图都是在代码运行之前加载的，因为代码包含在$（document）.ready（）事件中，如上面我的文章所示。