डिस्प्ले के अंदर फॉर्म फ़ील्ड जमा करें: कोई भी तत्व

Question

मेरे पास एक लंबा फॉर्म है जिसे मैंने 6 चरणों में तोड़ दिया है। जब फॉर्म लोड हो जाता है, तो सभी चरणों को लोड किया जाता है, लेकिन केवल पहला चरण दिखाई देता है। बाकी के पास display:none का सीएसएस है इसलिए वे छिपे हुए हैं। चूंकि एक चरण पूर्ण हो गया है और जावास्क्रिप्ट के साथ मान्य है, वर्तमान चरण display:none पर सेट है और नया चरण display:block पर सेट है। अंतिम चरण पर, उपयोगकर्ता फॉर्म सबमिट करता है। हालांकि, जैसा कि अपेक्षित है, पृष्ठ पर केवल display:block तत्व फ़ील्ड सबमिट किए गए हैं। display:none वाले तत्वों में सभी पूर्ण फ़ील्ड अनदेखा कर दिए गए हैं।

क्या display:none तत्वों के अंदर फ़ील्ड सबमिट करने का कोई तरीका है?

यदि नहीं, तो क्या एक ही प्रभाव प्राप्त करने का कोई और तरीका है?

Answer 1

उन्हें visibility:hidden और position:absolute पर सेट करें। फ़ील्ड को display:none के साथ सर्वर पर नहीं भेजा जाएगा, लेकिन visibility:hidden के साथ होगा। "स्थिति" को "पूर्ण" करने के लिए भी आपको एक ही दृश्य प्रभाव प्राप्त करना चाहिए।

अद्यतन यह किसी भी मौजूदा ब्राउज़र (2015 के नवंबर तक) में अब कोई समस्या नहीं प्रतीत होता है। फ़ील्ड्स सबमिट किए जाते हैं भले ही डिस्प्ले 'none' पर सेट हो। फ़ील्ड जो 'अक्षम' हैं, हालांकि, सबमिट नहीं जारी रहेगी।

Answer 2

बस ऊपर दिए गए उत्तर में कुछ जोड़ने के लिए। आप slideDown() उपयोग करना चाहते हैं - बस से पहले ही इस प्रकार का तत्व के सीएसएस सेट:

$('element') 
    .css({ 
     display: 'none' 
     position: 'relative', 
     visibility: 'visible' 
    }) 
    .slideDown(); 

और slideDown() ठीक काम करेंगे। आप slideUp() के लिए एक ही तर्क का उपयोग कर सकते हैं।