JQuery का उपयोग कर मानों के साथ एचटीएमएल तत्व (गतिशील रूप से जेनरेट) प्राप्त करें

क्या मूल्यों के साथ पूरी div सामग्री (गतिशील रूप से जेनरेट किए गए तत्व) प्राप्त करने के लिए jQuery का उपयोग करना संभव है? उदाहरण के लिए, बाल तत्व div, span, select, या इनपुट हो सकता है?

मैं .html फ़ाइल के रूप में मानों के साथ पूरी div सामग्री (फ्लाई पर उत्पन्न) को सहेजने की कोशिश कर रहा हूं। मैंने एक div के साथ प्रयास किया जिसमें फॉर्म और इनपुट तत्व हैं।

HTML:

<div id="inputs">
    <form class="mainForm">
        <div style="height: 100%;" id="div1">
                
                <input type="text" id="input1" name="input1"/>
        </div>
    </form>
</div>
<input id="addform" type="button" value="Click to add Input"/>
<input id="getform" type="button" value="Click to get html"/>

jQuery:

$(document).ready(function(){
    $("input#addform").click(function(){
        $("div#inputs").append($('form.mainForm').clone().html());
    });

    $("input#getform").click(function(){
        alert($("div#inputs").clone().html());
    });
});

बेला:

http://jsfiddle.net/UhJfn/

मूल्यों के साथ संपूर्ण div # इनपुट सामग्री कैसे प्राप्त करें (उपयोगकर्ता द्वारा दर्ज) HTML प्राप्त करने के लिए क्लिक करें बटन पर क्लिक करें?

मदद की सराहना की जाएगी।

पीएस: यहां मैंने फॉर्म में केवल एक इनपुट का उपयोग किया था। लेकिन मेरे असली मामले में, हमारे पास चयन, अवधि, छवि इत्यादि है।

0
जोड़ा संपादित
विचारों: 1
@ ओलिवर क्या आपने मेरा समाधान देखा है?
जोड़ा लेखक Rajaprabhu Aravindasamy, स्रोत
@charlietfl मैंने अभी एक div का उल्लेख किया है। लेकिन हमारे पास अलग-अलग एचटीएमएल संरचना के साथ 10 divs हैं। मुझे पूरी HTML सामग्री को .html फ़ाइल के रूप में सहेजने की आवश्यकता है।
जोड़ा लेखक Unknown, स्रोत
@ राजप्रभु अरविंदसामी हम चुनिंदा टैग के लिए मूल्य कैसे अपडेट कर सकते हैं? और टैग विकल्प का चयन गतिशील होगा।
जोड़ा लेखक Unknown, स्रोत
क्या आपको केवल मूल्यों और प्रकारों की आवश्यकता नहीं होगी क्योंकि आप पहले ही एचटीएमएल संरचना जानते हैं? एक और असली दुनिया डेमो मदद करेगा
जोड़ा लेखक charlietfl, स्रोत
मुझे लगता है कि एचटीएमएल आउटपुट को दोहराने के लिए आवश्यक सभी विशेषताओं/गुणों वाले ऑब्जेक्ट्स की एक सरणी एचटीएमएल को संशोधित करने के लिए ब्राउजर पर भरोसा करने से ज्यादा समझदारी होगी और फिर कॉपी करें
जोड़ा लेखक charlietfl, स्रोत

1 उत्तर

इसे इस्तेमाल करे,

आपको अपनी आवश्यकता प्राप्त करने के लिए value विशेषता को स्पष्ट रूप से अपडेट करना होगा।

$(document).ready(function(){

    $(document).on('keyup','input[type="text"]',function(){
        $(this).attr('value',$(this).val());
    });

    $("input#addform").click(function(){
        $("div#inputs").append($('form.mainForm').clone().html());
    });

    $("input#getform").click(function(){
        alert($("div#inputs").clone().html());
    });
});

डेमो

0
जोड़ा