2015-04-05 78 views
0

我通過使用jquery的ajax提交表單。表單提交成功,但使用引導程序製作的下拉菜單在提交後停止工作。ajax表單提交後引導程序下拉不工作

這裏是jQuery代碼:

$(document).ready(function(e){ 

$('#submit').click(function(e){ 
    e.preventDefault(); 
    var formData = new FormData($(this)[0]); 
    jQuery.each(jQuery('#upload')[0].files, function(i, file) { 
     formData.append('file-'+i, file); 
    }); 
    var agentname=$('#agentname').val(); 
    var bio=$('#bio').val(); 


    $("#success").html("<img src='loading.gif' height='40' width='40'></img>"); 
    var datastring='agentname='+agentname+'&bio='+bio; 
    $.ajax({ 
     method:"POST", 
     url:'agentsubmit.php?'+datastring, 
     data:formData, 
     cache:false, 
     async:false, 
     contentType:false, 
     processData:false, 
     success: function(result) { 
      $("#success").html(result); 
     } 
    }); 

}); 


}); 

閱讀其他的答案,我發現,這可能是因爲我用我的代碼e.preventDefault()函數後。我嘗試刪除preventDefault函數,但窗體停止工作。

回答

0

而不是使用'#submit'按鈕的點擊功能,你可以嘗試改變你的代碼綁定到'提交'表單。

正如本例所述 - http://hayageek.com/jquery-ajax-form-submit/

+0

歡迎使用堆棧溢出!請註明鏈接的最相關的部分,如果目標站點不可達或永久脫機狀態。請參閱[我如何寫出一個好答案](http://stackoverflow.com/help/how-to-answer)。 – ByteHamster 2015-04-05 15:11:53

+0

將代碼更改爲提交功能,而不是點擊提交按鈕之後單擊現在的下拉工作。就像如果我點擊一次提交按鈕,下拉將停止工作,如果我點擊提交再次開始工作 – 2015-04-05 15:34:56

+0

剛剛檢查我的原代碼是做同樣的事情 – 2015-04-05 15:45:33