Клонирование 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'>Печать с применением понтонов <\/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> |
Часовой пояс GMT +3, время: 20:45. |