添加了图像“ A”。 想要以div“ A”，div“ B”和div“ C”显示图像。 怎么样？

Question

- I am making an order form with a review page. when order form is fully filled, then it automatically send each data to each div on the review page. This is what I want.

I know I can copy a data into another div by using javascript like

<script>
    function filling() {
        var something = $('#input').val();
        document.getElementById("divbox").innerHTML = something;
    }
</script>

but when it's not a data that can be displayed with text(for example, an image or a video), then how can I send the data into another div?

• Thanks to digging really hard the internet, I found an open source contact form with the image attachment function. what's cool about this is, when I attach an image, it resizes and show to client-side.

( http://webreflection.blogspot.kr/2010/12/100-client-side-image-resizing.html )

So, I am modifying this into an order form, and I want, when a client attach an image, it shows to the client the resized version of it, and it also shows in the div on review page.

How can I do this? getElementbyClassName or Name did not work because of the "auto resizing script"

- I'm sorry for my english being to poor. and thank you for your patient to have read this last line. Have a nice day.

Answer 1

Few ways:

<script>
    function filling() {
        var something = $('#source').html(); // Can be some element, like another DIV
        $("#divbox").append(something);
    }
</script>

Depending on what you need, can also use clone() ( https://api.jquery.com/clone/ ):

function filling(){
    $("#source").clone().append("#divbox");
}