Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 01.11.2014, 16:12
Новичок на форуме
Отправить личное сообщение для RazerVG Посмотреть профиль Найти все сообщения от RazerVG
 
Регистрация: 01.11.2014
Сообщений: 1

Клонирование div блока в форме.
Есть форма она состоит из двух частей 1) это кнопка клонирования;
2) это сам div блок с полями который нужно копировать

На сайте нашел похожую тему, сделал вроде как там, но все равно ничего не вышло.

<form class="w-clearfix" id="email-form-2" name="email-form-2" data-name="Email Form 2" method="post">
                <div class="w-row">
                    <div class="w-col w-col-1">
                        <a href="#" onclick="addService()">
                            <img src="images/add139.svg" width="40" alt="544afaedd6b0cd3169ec99ed_add139.svg">
                        </a>
                    </div>
                    <div id="parentId" class="w-col w-col-11 w-clearfix">

                        <script>
                            function addService() {
                                var newdiv =document.createElement("div");
                                newdiv.innerHTML = "<div class='specification_service'>\n
                                    <div>\n
                                <label class='label_services service'>Услуга:<\/label>\n
                                <div class='w-checkbox service_check'>\n
                                <input class='w-checkbox-input' id='print' type='checkbox' name='print' data-name='print' required='required'>\n
                                <label class='w-form-label' for='print'>Печать<\/label>\n
                                <\/div>\n
                                <div class='w-checkbox service_check'>\n
                                <input class='w-checkbox-input' id='design' type='checkbox' name='design' data-name='design'>\n
                                <label class='w-form-label' for='design'>Дизайн<\/label>\n
                                <\/div>\n
                                <div class='w-checkbox service_check'>\n
                                <input class='w-checkbox-input' id='layout' type='checkbox' name='layout' data-name='layout'>\n
                                <label class='w-form-label' for='layout'>Верстка<\/label>\n
                                <\/div>\n
                                <\/div>\n
                                <div class='w-row'>\n
                                <div class='w-col w-col-3'>\n
                                <label class='label_services higt' for='product'>Продукция:<\/label>\n
                                <label class='label_services'>Формат бумаги:<\/label>\n
                                <label class='label_services'>Плотность бумаги:<\/label>\n
                                <\/div>\n
                                <div class='w-col w-col-3'>\n
                                <select class='w-select select_servises' id='product' name='product' data-name='product'>\n
                                <option value=''>Выберите продукт<\/option>\n
                                <option value='First'>First Choice<\/option>\n
                                <option value='Second'>Second Choice<\/option>\n
                                <option value='Third'>Third Choice<\/option>\n
                                <\/select>\n
                                <input class='w-input' id='paper_format' type='text' placeholder='Введите формат бумаги' name='paper_format' required='required' data-name='paper_format'>\n
                                <input class='w-input' id='paper_weight' type='text' placeholder='Введите плотность бумаги' name='paper_weight' required='required' data-name='paper_weight'>\n
                                <\/div>\n
                                <div class='w-col w-col-3'>\n
                                <label class='label_services higt' for='tirag'>Тираж:<\/label>\n
                                <div class='label_services'>Количество страниц<\/div>\n
                                <label class='label_services'>Нумерация:<\/label>\n
                                <label class='label_services'>Размер макета:<\/label>\n
                                <\/div>\n
                                <div class='w-col w-col-3'>\n
                                <input class='w-input select_servises tirag' id='tirag' type='text' placeholder='Введите тираж продукции' name='tirag' required='required' data-name='tirag'>\n
                                <input class='w-input' id='pages' type='text' placeholder='Введите количество страниц' name='pages' required='required' data-name='pages'>\n
                                <input class='w-input' id='numbering' type='text' placeholder='С .. по ..' name='numbering' required='required' data-name='numbering'>\n
                                <input class='w-input' id='size' type='text' placeholder='000 x 999' name='size' required='required' data-name='size'>\n
                                <\/div>\n
                                <\/div>\n
                                    <label>Стороны печати :<\/label>\n
                                <div class='w-radio'>\n
                                <input class='w-radio-input' id='1 сторона' type='radio' name='print_storony' value='1 сторона' data-name='print_storony'>\n
                                <label class='w-form-label' for='1 сторона'>1 сторона<\/label>\n
                                <\/div>\n
                                <div class='w-radio'>\n
                                <input class='w-radio-input' id='2 стороны' type='radio' name='print_storony' value='2 стороны' data-name='print_storony'>\n
                                <label class='w-form-label' for='2 стороны'>2 стороны<\/label>\n
                                <\/div>\n
                                    <label>Красочность :<\/label>\n
                                <div class='w-radio'>\n
                                <input class='w-radio-input' id='черно-белая' type='radio' name='colorfulness' data-name='colorfulness' value='черно-белая'>\n
                                <label class="w-form-label" for='черно-белая'>Черно-белая печать<\/label>\n
                                <\/div>\n
                                <div class='w-radio'>\n
                                <input class='w-radio-input' id='полноцветная-3' type='radio' name='colorfulness' value='полноцветная' data-name='colorfulness'>\n
                                <label class='w-form-label' for='полноцветная-3'>Полноцветная печать<\/label>\n
                                <\/div>\n
                                <div class='w-radio'>\n
                                <input class='w-radio-input' id='с применением понтонов-4' type='radio' name='colorfulness' value='с применением понтонов' data-name='colorfulness'>\n
                                <label class='w-form-label' for='с применением понтонов-4'>Печать с применением понтонов&nbsp;<\/label>\n
                                <\/div>\n
                                <\/div>";
                                document.getElementById("parentId").appendChild(newdiv);
                                return false;
                            }
                        </script>

                    </div>
                </div>
                <input class="w-button button updata" type="submit" value="Заказать" data-wait="Please wait...">
            </form>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как получить значение ячейки таблицы внутри блока div, в итерации .each() Sanu0074 jQuery 1 21.01.2014 19:32
Настройка отображения div блока m1haluc4 Элементы интерфейса 9 14.07.2013 15:12
Фиксация блока DIV при сворачивании другого блока DIV kacnepbI4 jQuery 2 04.04.2011 14:15
Два блока div разъезжаются при скроллинге окна браузера. call007 jQuery 0 03.04.2011 16:21
Скрытие, показ определённого div блока. Flashton Events/DOM/Window 5 11.04.2010 23:44