Mozilla中的表單創建問題FireFox

Question

我正在開發MVC.NET中的項目5.在這個項目中，我有一個表格，裏面有一些複選框。我想將這些複選框值發送到服務器，我沒有表單元素。但我用jQuery創建了一個表單元素。這裏是表單創建代碼：

$("#setNewRoles").click(function (evt) { 
     evt.preventDefault();   
     var checkbox = $(".checkbox:checked"); 
     var form = $("<form />").attr({ "action": "/Admin/Account/AddnewRolesForUser", "method": "post" }); 
     alert(form); 
     for(var i=0;i<checkbox.length;i++){ 
      if ($(checkbox[i]).attr("disabled") != "disabled") {    
       $(form).append("<input type='checkbox' name='rolesValue[]' value='" + $(checkbox[i]).val() + "' checked />"); 
      } 
     } 
     $(form).submit(); 
    }); 

此代碼在Chrome中正常工作，但它不適用於Mozilla。代碼有什麼問題？

Answer 1

，我發現它的一些測試，

我們可以更換上面的代碼與此代碼：

$("#setNewRoles").click(function (evt) {  
     evt.preventDefault();   
     var checkbox = $(".checkbox:checked"); 
     var form = $("<form />").attr({ "action": "/Admin/Account/AddnewRolesForUser", "method": "post", "id": "setRolesForUserForm", "style": "visibility: hidden;" });   
     for(var i=0;i<checkbox.length;i++){ 
      if ($(checkbox[i]).attr("disabled") != "disabled") {    
       $(form).append("<input type='checkbox' name='rolesValue[]' value='" + $(checkbox[i]).val() + "' checked />"); 
      } 
     } 
     $('body').append(form); 
     $('#setRolesForUserForm').submit(); 
    });