फ़ायरफ़ॉक्स पर जावास्क्रिप्ट से फ़ॉर्म सबमिट नहीं कर सकता

Question

मैं जावास्क्रिप्ट फ़ंक्शन में सबमिट करने के लिए एक फॉर्म बना रहा हूं। मैंने फ़ंक्शन को एक चुनिंदा तत्व के आदान-प्रदान ईवेंट में बाध्य किया। घटना क्रोम और फ़ायरफ़ॉक्स में ठीक काम करती है, मैंने इसका परीक्षण किया, यह फ़ंक्शन को कॉल करता है। लेकिन समस्या है; जबकि क्रोम फॉर्म जमा करता है, फ़ायरफ़ॉक्स नहीं करता है। क्या आप मदद कर सकतें है? धन्यवाद।

जावास्क्रिप्ट समारोह:

function getStatementDetails() 
{ 
    var stmtSelect = document.getElementById("statementSelect"); 
    var selectedId = stmtSelect.options[stmtSelect.selectedIndex].value; 

    var stmtForm = document.createElement("form"); 
    stmtForm.setAttribute('method', "post"); 
    stmtForm.setAttribute('action', "mymiles-mystatement"); 

    var stmtId = document.createElement("input"); 
    stmtId.setAttribute('type', "hidden"); 
    stmtId.setAttribute('name', "statementID"); 
    stmtId.setAttribute('id', "statementID"); 
    stmtId.setAttribute('value', selectedId); 

    stmtForm.appendChild(stmtId); 
    stmtForm.submit(); 
}; 

चयन इनपुट:

<select id="statementSelect" name="statementSelect" class="select-miles select-miles-medium spacing-right-10" onchange="getStatementDetails()"> 

संपादित करें: मैं सुझाव पोस्ट पढ़ सकते हैं और यह कोशिश की है। अभी भी काम नहीं कर रहा है। समारोह नवीनतम स्थिति:

function getStatementDetails() 
{ 
    var stmtSelect = document.getElementById("statementSelect"); 
    var selectedId = stmtSelect.options[stmtSelect.selectedIndex].value; 

    var stmtForm = document.createElement("form"); 
    stmtForm.setAttribute('method', "post"); 
    stmtForm.setAttribute('action', "mymiles-mystatement"); 

    var stmtId = document.createElement("input"); 
    stmtId.setAttribute('type', "hidden"); 
    stmtId.setAttribute('name', "statementID"); 
    stmtId.setAttribute('id', "statementID"); 
    stmtId.setAttribute('value', selectedId); 

    var stmtSbmt = document.createElement("input"); 
    stmtSbmt.setAttribute('type', "submit"); 
    stmtSbmt.setAttribute('name', "tryMe"); 
    stmtSbmt.setAttribute('id', "tryMe"); 
    stmtSbmt.setAttribute('value', "try submit"); 

    stmtForm.appendChild(stmtId); 
    stmtForm.appendChild(stmtSbmt); 
    stmtForm.submit(); 
}; 

Answer 1

टिप्पणी अनुभाग भरा हुआ है, और हो सकता है उपयोगकर्ता सही जवाब नहीं दिख रहा। @spuyet ने कहा कि यहाँ समाधान है:

Javascript form.submit() not working in Firefox

यह फ़ायरफ़ॉक्स की तरह लगता है अंदर किसी भी बटन के बिना एक रूप नहीं भेजता है। यदि आपके कोड के अंदर सबमिट बटन शामिल होना चाहिए तो काम करना चाहिए।

var button = document.createElement("input"); 
    button.setAttribute('type', "submit"); 
    stmtForm.appendChild(button); 

और मुझे लगता है कि यह आपकी समस्या का समाधान करता है।

कृपया हमें बताएं कि क्या आप इसे हल करते हैं।

Answer 2

यदि आप इसे सबमिट करना चाहते हैं तो आपको फ़ॉर्म में सबमिट बटन की आवश्यकता होगी, अन्यथा आपको form data api का उपयोग करना होगा।

<input type="submit" value="click me baby" /> 

आप बल्कि तो html में आपके प्रपत्र लेखन JavaScript का उपयोग करके (जब तक वहाँ कारणों से आप के रूप में तुम क्यों कि क्या करने की जरूरत होगी में चले नहीं गए हैं)

इसे बनाने एक easyer समय होगा

आपको अपने एचटीएमएल में select तत्व मिला है, क्यों पूरा फॉर्म नहीं?

यह भी उल्लेख के लायक है कि आप नहीं अपने सबमिट बटन नाम submit, अगर आप किसी भी बिंदु पर preventDefault() की जरूरत के रूप में है कि समस्याओं का कारण बन सकता है देना चाहिए।