Cross Browser Issue with form submit

Question

Please I have a issue with the script below, am using it to submit a for, it works well on chrome but it doesn't work on firfox, please what could be the problem.

        <script>
        var transac_code = <?php echo json_encode($transac_code); ?>;
        var amount = <?php echo json_encode($amount); ?>;
        //window.location.href = "web_pay.php?transac_code=" + transac_code + "&amount=" +amount;

        $('<form action="web_pay.php" method="POST">' + 
        '<input type="hidden" name="transac_code" id="transac_code" value="' + transac_code + '">' +
        '<input type="hidden" name="amount" id="amount" value="'+ amount +'" />' +
        '</form>').submit();

    </script>

thanks for your assistance

Take a look at this one, maybe it helps: http://stackoverflow.com/questions/7117084/jquery-form-submit-on-chrome-works-but-not-in-firefox — Vaidas, Nov 16 '16 at 14:34
This is a _guess_, but maybe Firefox doesn't like that you post a form that doesn't exist in the DOM? — smoksnes, Nov 16 '16 at 14:34
Lordie; use ajax for this. Why are you embedding a form inside JS like that? — Funk Forty Niner, Nov 16 '16 at 14:36
that looks extremely code-smelly.. you should try using regular AJAX-calls instead, don't you think? — Franz Gleichmann, Nov 16 '16 at 14:37

score 0 · Answer 1 · edited Nov 16 '16 at 14:37

0

You need to append the form the document.

$("...").appendTo(document.body).submit();

edited Nov 16 '16 at 14:37

Funk Forty Niner

74,450
15
68
141

answered Nov 16 '16 at 14:34

epascarello

204,599
20
195
236

Cross Browser Issue with form submit

1 Answers1