CODEWITHSUNDEEP
c#javascriptjqueryasp.net-mvcforms
Chirag K
Chirag K

Reputation: 2434

Javascript submit form not getting submitted in Firefox and IE

I am submitting a form in javascript to a controller in C# MVC it submits easily in chrome but not in Firefox and IE

//CSHTML CODE    
<th class="gen2">
   <button type="button" id="buttonClass">Generate</button>
</th>
<td class="money"><input type="checkbox" class="chk" name="checkboxID"    [email protected]></td>


    //Javascript code
        $("#buttonClass").click(function () {
            getValueUsingClass();
        });
        function getValueUsingClass() {
            var data = "";
            var submitForm = document.createElement('form'); 

   //Creating a form and giving the attributes
            submitForm.name = "formSubmit";
            submitForm.id = "formSubmit";
            submitForm.method = "post";
            submitForm.action = "generatebankfile";
            var chkArray = \[\];
            alert(chkArray);
            $(".chk:checked").each(function () {
                chkArray.push($(this).val());
            });
            for (var i = 0; i < chkArray.length; i++) {
                data = data + chkArray\[i\];
                if (i != chkArray.length - 1) {
                    data = data + ',';
                }
            }
            var element = document.createElement("input");
            element.name = "checkboxID";
            element.value = data;
            submitForm.appendChild(element);

            if (chkArray.length > 0) {
                submitForm.submit();
            }
            else {
                alert("Please select at least one of the checkbox");
            }
        }

Upvotes: 0

Views: 107

Answers (1)

Chirag K
Chirag K

Reputation: 2434

append form to the body

document.getElementsByTagName('body')[0].appendChild(submitForm);

Upvotes: 1

Related Questions