html - Multi forms datas into array via Javascript -
मेरे पास ऐसे कुछ रूप हैं:
& lt; div class = "well" & gt ; & LT; प्रपत्र & gt; & lt; span class = "पुल-दायें निकालें" & gt; & lt; i वर्ग = "एफए-पीई-टाइम्स पॉइंटर" & gt; & lt; / i & gt; & lt; / span & gt; & Lt; div वर्ग = "फॉर्म-समूह" शैली = "मार्जिन: 0" & gt; & lt; label = "image-link" & gt; छवि लिंक & lt; / label & gt; & Lt; इनपुट प्रकार = "टेक्स्ट" नाम = "छवि-लिंक" मान = "" वर्ग = "फॉर्म-नियंत्रण" & gt; & Lt; / div & gt; & Lt; div वर्ग = "फॉर्म-समूह" शैली = "मार्जिन: 0" & gt; & Lt; लेबल = "सामग्री" & gt; सामग्री & lt; / label & gt; & Lt; textarea class = "form-control" name = "content" पंक्तियाँ = "10" & gt; & lt; / textarea & gt; & Lt; / div & gt; & Lt; div वर्ग = "फॉर्म-समूह" शैली = "मार्जिन: 0" & gt; & Lt; लेबल = "लेखक" & gt; लेखक & lt; / label & gt; & lt; इनपुट प्रकार = "टेक्स्ट" नाम = "लेखक" मान = "" वर्ग = "फॉर्म-नियंत्रण" & gt; & Lt; / div & gt; & Lt; / प्रपत्र & gt; & Lt; / div & gt; .... <पूर्व> & lt; div class = "well" & gt; & LT; प्रपत्र & gt; & lt; span class = "पुल-दायें निकालें" & gt; & lt; i वर्ग = "एफए-पीई-टाइम्स पॉइंटर" & gt; & lt; / i & gt; & lt; / span & gt; & Lt; div वर्ग = "फॉर्म-समूह" शैली = "मार्जिन: 0" & gt; & lt; label = "image-link" & gt; छवि लिंक & lt; / label & gt; & lt; इनपुट प्रकार = "टेक्स्ट" नाम = "छवि-लिंक" मान = "" वर्ग = "फॉर्म-नियंत्रण" & gt; & Lt; / div & gt; & Lt; div वर्ग = "फॉर्म-समूह" शैली = "मार्जिन: 0" & gt; & Lt; लेबल = "सामग्री" & gt; सामग्री & lt; / label & gt; & lt; textarea class = "form-control" name = "content" पंक्तियाँ = "10" & gt; & lt; / textarea & gt; & Lt; / div & gt; & Lt; div वर्ग = "फॉर्म-समूह" शैली = "मार्जिन: 0" & gt; & Lt; लेबल = "लेखक" & gt; लेखक & lt; / label & gt; & lt; इनपुट प्रकार = "टेक्स्ट" नाम = "लेखक" मान = "" वर्ग = "फॉर्म-नियंत्रण" & gt; & Lt; / div & gt; & Lt; / प्रपत्र & gt; & Lt; / div & gt; जब मैं ऐड बटन पर क्लिक करता हूं तो फ़ॉर्म अधिक से ज्यादा जोड़ दिए जाएंगे, इसलिए कई फॉर्म होंगे। मैं एक जेसन ऑरेरेज़ में मल्टी डट्स को प्रस्तुत करना चाहता हूं:
"उद्धरण": [{"छवि": "image_link", "सामग्री": "सामग्री", "लेखक:" लेखक "} {" image ":" image_link "," सामग्री ":" लेखक: "लेखक"} ... {"छवि": "image_link", "सामग्री": "सामग्री", "लेखक: "लेखक"}] जो एक सरणी में सभी फॉर्म 'datas शामिल होंगे। और फॉर्म की मात्रा तय नहीं होती है। जब मैं जोड़ बटन क्लिक करता हूँ तो यह बदल जाएगा। मैं ऐसा कर सकता हूँ स्वचालित रूप से.बहुत बहुत धन्यवाद!
आप सभी फॉर्म तत्वों के माध्यम से पुनरावृति कर सकते हैं निम्न फ़ंक्शन कॉल करके पृष्ठ:
फ़ंक्शन जनरेटअरेरेडेटा () {var रूपों = दस्तावेज़.क्वेरी चयनकर्ता सभी ("। अच्छी तरह से फ़ॉर्म"); var कोट्स = []; के लिए (var i = 0; i & Lt; forms.length; i ++) {var फार्म = रूपों [i]; उद्धरण.पशु ({छवि: फ़ॉर्म.क्वेरी चयनकर्ता ("इनपुट [नाम = 'छवि-लिंक']")। मूल्य, सामग्री: प्रपत्र.कुछ सिलेक्टर ( "textarea")। मूल्य, लेखक: form.querySelector ("इनपुट [नाम = 'लेखक']")। मूल्य ई})} वापसी उद्धरण; } जिस तरह से यह काम करता है वह है कि querySelectorAll एक div वर्ग के साथ पृष्ठ के सभी तत्वों को लोड करता है .well । हम फिर पिछले क्वेरी से तत्वों के माध्यम से दोहराते हैं और प्रत्येक व्यक्तिगत तत्व को निकालने के लिए querySelector का उपयोग करें।
html के बारे में वेब डिज़ाइन कोड उदाहरण
ReplyDeleteएक्शन स्क्रिप्ट और टेक्स्टफील्ड कोड उदाहरण