Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/qt/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery-清除文本框_Jquery_Asp.net Mvc 3_Drop Down Menu - Fatal编程技术网

JQuery-清除文本框

JQuery-清除文本框,jquery,asp.net-mvc-3,drop-down-menu,Jquery,Asp.net Mvc 3,Drop Down Menu,我在ASP.NETMVC3视图上有一个下拉列表和两个文本框。下拉列表列出了从1到10的数字。这两个文本框都连接起来使用JQuery日期选择器 当用户从下拉列表中选择一个选项时,我希望JQuery代码清除两个文本框中的值 我在下面编写了JQuery代码,它就是这样做的,但是,当我将表单详细信息提交到控制器中的post方法时,我为两个文本框选择的日期将被清除 这是我迄今为止的代码: $(document).ready(function () { $('#equipment_warrantyLen

我在ASP.NETMVC3视图上有一个下拉列表和两个文本框。下拉列表列出了从1到10的数字。这两个文本框都连接起来使用JQuery日期选择器

当用户从下拉列表中选择一个选项时,我希望JQuery代码清除两个文本框中的值

我在下面编写了JQuery代码,它就是这样做的,但是,当我将表单详细信息提交到控制器中的post方法时,我为两个文本框选择的日期将被清除

这是我迄今为止的代码:

$(document).ready(function () {


$('#equipment_warrantyLength').change(ResetDates); //fires when drop down changed

function ResetDates() {
    alert("hello");

    $("#equipment_purchaseDate").val(''); // clear textbox
    $('#equipment_warrentyExpires').val(''); //clear textbox

}

});
文本框只应在选择下拉列表时清除,但当前,当用户尝试提交表单时,文本框也应清除


如有任何反馈,将不胜感激

当表单提交到服务器时,页面将被重新加载。除非在再次加载页面时在文本框中设置提交的值,否则这些值将被清除。ASP.NET MVC不像ASP.NET WebForms那样使用Viewstate,因此除非手动初始化字段,否则在表单提交后重新加载页面时,字段将为空

更新:

您还可以通过jQuery提交表单数据。为了做到这一点,您可以这样做:

  • 将单击处理程序添加到提交按钮。(如果声明为,您还应将其更改为普通按钮,以便浏览器不会自动提交表单
  • 在单击处理程序中,添加代码以进行ajax提交。有关此问题的提示,请参阅此问题

  • 但最终,将提交的数据放在viewmodel中,并在提交后重新初始化视图中的字段可能会更容易。

    您是否通过jQuery提交表单?否。我以这种方式提交表单-@using(Html.BeginForm()){form DETAILS ETC}我相信应该添加
    ASP.NET
    标记。好的。有没有办法编写一些JQuery代码,在提交表单时不触发ResetDates()函数?用一些指针更新了我的回复。如果不了解实际表单等,我无法提供更多细节。