2009-07-07 137 views
0

我有一個Ajax表單,當用submit按鈕提交時更新div,這工作正常。不過,我想刪除提交按鈕,並在用戶更改下拉列表中的選擇時自動提交表單。ASP.Net MVC通過JQuery提交Ajax表單

我寫了下面的JQuery此下拉更改事件

$("#SummaryFilterForm").submit(); 

這樣做的問題是不會觸發表單的onSubmit事件造成的渲染部分渲染到一個新的一頁,不會在當前窗口中顯示爲div。

如何讓JQuery提交表單並觸發onsubmit事件?

謝謝

回答

4

如何提交Ajax請求? 如果使用$就可以使用這個:

function connectDropdown() { 

    $("select#drpFilter").unbind('change').change(function() { 

     $.ajax({ 
     type: "POST", 
     url: "/YourController/YourAction", 
     data: { 
      YourParameter: someValue, 

     }, 
     dataType: "json", 
     success: function(result) { 
      alert('works like a charm'); 
      //update div here 
     } 
     }); 
    }); 
    } 
+0

但是,onsubmit事件呢? – 2009-07-07 15:40:54

+0

他可以將onsubmit()行爲添加到回調函數 – 2009-07-07 15:45:04

0
<form name="SummaryFilterForm" id="SummaryFilterForm" onsubmit="connectDropDown(this); return false;"> 

您可以替換「connectDropDown()」有什麼功能,你想打電話,並通過您的形式進入,所以你可以檢索你的價值觀。