За последние 24 часа нас посетили 32454 программиста и 1755 роботов. Сейчас ищут 846 программистов ...

Динамическое добавление раздела

Тема в разделе "JavaScript и AJAX", создана пользователем kordiks1972, 3 июн 2017.

  1. kordiks1972

    kordiks1972 Новичок

    С нами с:
    19 апр 2017
    Сообщения:
    38
    Симпатии:
    1
    Подскажите, как с помощью JQUERY добавить в форму раздел <fieldset></fieldset>, в котором будут заключены несколько элементов. Т.е., нужно добавить не один элемент, а сразу же блок?
     
  2. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    через append, можно прям html добавлять в нужные места
     
  3. kordiks1972

    kordiks1972 Новичок

    С нами с:
    19 апр 2017
    Сообщения:
    38
    Симпатии:
    1
    Уже нашел как это сделать. Вот, смотри код.
    Код (Text):
    1. <form action="#" id="myform-1">
    2.  
    3.         <h3>Статус</3>
    4.         <div class="param">
    5.             <input type="text" name="status_vendor[]" placeholder="Вендор" >
    6.             <input type="text" name="status_name[]" placeholder="Название статуса">
    7.             <input type="text" name="status_specialization[]" placeholder="Специализация" >
    8.             <input type="text" name="status_year[]" placeholder="Год" >
    9.         </div>
    10.         <input type="button" value="Добавить статус" id="form_status_added">
    11.  
    12.  
    13.     </form>
    Обработка:
    Код (Text):
    1. $(document).ready(function(){
    2.  
    3.  
    4.         $("#form_status_added").click(function () {
    5.             $("<div class='param'><input type='text' name='status_vendor[]' placeholder='Вендор'> <input type='text' name='status_name[]' placeholder='Название статуса'> <input type='text' name='status_specialization[]' placeholder='Специализация'> <input type='text' name='status_year[]' placeholder='Год'></div>" ).insertBefore("#form_status_added");
    6.         })
    7.      
    8.      });
    Теперь не получается сделать следующее: мне нужно, что обработчик обрабатывал только одну форму (id="myform-1"), с другими не работал. Можешь подсказать как сделать?

    Например, при обработке валидации формы я задал вот так:
    jQuery("#myform-1").validate({
    Но, вот в этот раз чето, не соображу как написать.