JQuery 实现表单提交

yaofang123

1. $(document).ready(function () {
2.     //定义表单提交前与提交后的处理方法及超时相关
   
3.     var options = {
   
4.                 beforeSubmit:showRequest,
   
5.                 success:showResponse,
   
6.                 timeout:3000
   
7.             };
   
8.     $('#myform').submit(function() {
   
9.      // submit the form
   
10.      $(this).ajaxSubmit(options);
    
11.      // return false to prevent normal browser submit and page navigation
    
12.      return false;
    
13.     });
    
14. });
16. function showRequest(formData, jqForm, options) {
17. return true;
18. }
19. function showResponse(responseText, statusText, xhr, $form)  { 
20. alert(responseText ); 
21. }
22. 
    
23. 表单：
24. <select name="linked_nodegroups" id="alreadlist" size="15" multiple class="search_locate"></select>
25. 
    
26. <input type="submit" class="white" value="保存关联" onclick="checkhello()"/>
27. 
    
28. 为什么还要加onclick呢？》
29. 
    
30. 因为select需要事先将其选择。要不然就为空了！
31. 
    
32. 所以
33. function checkhello()
34. {
35. var objs=document.getElementById("alreadlist").options;
36. for (i=0; i< objs.length; i++)
37. {
38. objs[i].selected=true;
39. }
40. return true;
41. }
    定义一下这个方法！
42. 
    
43. OK。这样就可以通过JQuery.form提交表单数据了。
44. 而且可以提交select的数据哦！