Добавлен изображение «А». Хотите показать изображение в div «A», div «B» и div «C». Как?

Question

- Я делаю форму заказа с обзорной страницей. , когда форма заказа полностью заполнена, затем автоматически отправляет данные на каждый div на странице обзора. Это то, чего я хочу.

Я знаю, что могу скопировать данные в другой DIV с помощью JavaScript, как

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

, но когда это не данные, которые могут быть отображены с текстом (например, изображения или видео), то как могу ли я отправить данные в другой div?

• Благодаря глубокому рытью в Интернете, я нашел контактную форму с открытым исходным кодом с функцией прикрепления изображения. что круто об этом, когда я прикрепляю изображение, оно изменяется и отображается на стороне клиента.

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

Итак, я модифицирование это в форму заказа, и я хочу, когда клиент прикрепить изображение, он показывает клиент уменьшенную версию этого, и это также показывает в разделе div на странице обзора.

Как это сделать? getElementbyClassName или имя не работало из-за «сценария автоматического изменения размера»

- Прошу прощения за то, что мой английский был бедным. и благодарим вас за то, что ваш пациент прочитал эту последнюю строку. Хорошего дня.

Answer 1

Несколько способов:

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

В зависимости от того, что вам нужно, можно также использовать clone() (https://api.jquery.com/clone/):

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