Получите массив div с colned после отправки - PullRequest
Новая
       8

Получите массив div с colned после отправки

0 голосов
/ 14 октября 2019

У меня есть кнопка, которая клонирует элемент div с двумя выпадающими меню и тег ввода. Я хочу получить все данные в этом элементе div и клонированный в массив, в котором его объекты содержат данные в каждом элементе div. клонированные .. Мой код находится внутри большой формы, в которой есть кнопка отправки. 

<div class="card-text col-md-11" id="toiletContent" name="toilet">
      <div class="card">
       <div class="card-header">
         Toilet
         <button type="button" name="button" id="another" class="btn btn-primary">Another time</button>
         <button type="button" name="button" id="delete" class="btn btn-primary">Delete</button>
       </div>

         <label>Toilet State</label>
          <select class="form-control col-md-6" id="state" name="state[]">
            <option disabled selected>Select the State..</option>
            <option value="Urine">Urine</option>
            <option value="Stool">Stool</option>
          </select>
          <label>Time</label>
          <input type="time" class="form-control col-md-6" id="toiletTime" name="toiletTime[0]" value="">
          <label>Type</label>
          <select class="form-control col-md-6" id="type" name="">
            <option disabled selected>Select the Type..</option>
            <option value="Kind">Kind</option>
            <option value="Diaper">Diaper</option>
            <option value="Toilet">Toilet</option>
            <option value="Accident">Accident</option>
          </select>
       </div>
     </div>

мой код jQuery: 

 var cloneIndex = $("input[name='toilet']").length;

           var count = 1; // CREATE COUNTER

           $('#another').click(function () {

            $("#toiletContent:last")
                .clone(true)
                .insertAfter("#toiletContent:last")
                .find('#toiletTime').attr({name: "toiletTime["+count+"]"});

                count++;
           })
      $('#save').click(function () {
            // What should I do here now!
             })
...