[0].submit 不适用于 IE 和 Firefox，在 Chrome 中完美运行

Question

So this is the piece of script which gives me problems

function creditcard(){

var finaltotalprice = document.getElementById('finaltotalprice').innerHTML;
var total = document.getElementById('sahakol').innerHTML;
var fullprice = $('#fullprice').html();
   var phpval = parseFloat($('#cart-products-total').html());
   var name = $('#c_name').val();
   var city = $('#c_city').val();
   var add = $('#c_add').val();
   var phone = $('#c_phone').val();
   var email = $('#c_email').val();
   if(name  == '' || city == '' || add == '' || phone == ''){
   alert('נא וודאו כי מילאתם את כל שדות המשתמש');
   return false;
   } else {

   $('<form action="payment.php" method="POST"/>')
   .html( '<textarea name="total">' + total + '</textarea><textarea name="finaltotalprice">'+ finaltotalprice + '</textarea><textarea name="fullprice">' + fullprice + '</textarea> <textarea name="name">' + name + '</textarea> <textarea name="city">' + city + '</textarea> <textarea name="add">' + add + '</textarea> <textarea name="phone">' + phone + '</textarea> <textarea name="email">' + email + '</textarea> <textarea name="phpval">' + phpval + '</textarea>' )

   [0].submit();


   }}

This piece works exellent in google chrome, but broken in IE and firefox. The script should POST all the var's in the script to 'payment.php' and redirect the user to 'payment.php', but it doesnt redirects the user in IE and in FF. Any ideas?

Answer 1

As Pointy mentioned: I've needed to add the form to the DOM. by adding

.css("display", "none").appendTo("body") 

before .submit(), now it works flawless.