एचटीएमएल 5 का उपयोग करके, मैं प्रपत्र जमा करने में सामग्री योग्य फ़ील्ड का उपयोग कैसे करूं?

Question

तो मेरे पास पैराग्राफ तत्वों का एक गुच्छा है जो गतिशील रूप से डीबी से पॉप्युलेट किए जाते हैं। मैंने तत्वों को संतुष्ट किया है। अब मैं मानक फॉर्म सबमिशन के माध्यम से डीबी को संपादन सबमिट करना चाहता हूं। क्या संतुष्ट तत्वों को वापस पोस्ट करने का कोई तरीका है?

Answer 1

आप जावास्क्रिप्ट एक ही रास्ता या अन्य उपयोग करने के लिए, के रूप में यह एक पाठ क्षेत्र या तरह के साथ होता है यह एक "मानक" प्रपत्र तत्व के रूप में काम नहीं करेगा की है। यदि आप चाहें, तो आप अपने फॉर्म के भीतर एक छिपी हुई टेक्स्टरेरा बना सकते हैं, और फॉर्म के ऑनबूट फ़ंक्शन में सामग्री के आंतरिक HTML को टेक्स्टटेरा के मान पर कॉपी कर सकते हैं। वैकल्पिक रूप से आप सामग्री को थोड़ी अधिक मैन्युअल रूप से सबमिट करने के लिए AJAX/xmlHttpRqeuest का उपयोग कर सकते हैं।

function copyContent() { 
    document.getElementById("hiddenTextarea").value = 
     document.getElementById("myContentEditable").innerHTML; 
    return true; 
} 


<form action='whatever' onsubmit='return copyContent()'>... 

Answer 2

आप jQuery का उपयोग करते हैं, तो आप सामग्री एक .click() घटना के साथ आपके क्लिक समारोह के बाद एक सर्वर साइड स्क्रिप्ट के लिए यह इन का उपयोग करके प्रस्तुत कर सकता है (यानी "सहेजें" या "सबमिट करें" ...)

अपने डेटाबेस में डालने के लिए एक AJAX "पोस्ट"।

Example

Answer 3

क्या इसे मानक फॉर्म सबमिशन होना आवश्यक है? यदि आप इनपुट के साथ किसी फॉर्म का उपयोग नहीं करना चाहते हैं या नहीं चाहते हैं, तो आप AJAX (XMLHttpRequest + FormData) आज़मा सकते हैं, जिसके माध्यम से आप एसिंक्रोनस अनुरोध कर सकते हैं और बेहतर तरीके से नियंत्रण कैसे दिखा सकते हैं।

यदि आप इसे और भी सरल बनाना चाहते हैं, तो jQuery के $.ajax फ़ंक्शन ($.get और $.post) का प्रयास करें। यह सरल जेएस ऑब्जेक्ट्स का उपयोग कर डेटा भेजता है।