получить клонированное значение в jquery и узел - PullRequest
0 голосов
/ 10 января 2020

Я хочу получить значение клонированных входов после нажатия кнопки Отправить, я в той же форме, но моя проблема в том, что я не знаю, как получить выбранную опцию из выпадающего меню клонированного и основного div в мое приложение. js. По этой ссылке есть пример того, что я хочу сделать, но не знаю, что мне делать после https://jsfiddle.net/szn0007/yoebgocq/

мой код:

<div class="toilet">
          <div class="form-group">
          <div class="card-text col-md-11" id="toiletContent" name="toilet">
          <div class="card">
           <div class="card-header">
             Toilet
             <div class="buttonbox">
               <button type="button" name="button" id="add" class="btn btn-primary">Another time</button>
               <button type="button" name="button" id="remove" class="btn btn-primary">Delete</button>
             </div>

           </div>
          <div class="">
            <label>Toilet State</label>
             <select class="form-control col-md-6 state" id="state" name="state[]" multiple>
               <option value="Urine">Urine</option>
               <option value="Stool">Stool</option>
             </select>
          </div>
             <div class="">
               <label>Time</label>
               <input type="time" class="form-control col-md-6 time" id="time" name="time[]" value="">
             </div>

             <div class="">
               <label>Toilet Type</label>
               <select class="form-control col-md-6 type" id="type" name="type[]" multiple>
                 <option value="Kind">Kind</option>
                 <option value="Diaper">Diaper</option>
                 <option value="Toilet">Toilet</option>
                 <option value="Accident">Accident</option>
               </select>
             </div>
           </div>
         </div>
       </div>
     </form>

мой ajax:

var i = 0;
      var last12 = $('.buttonbox').last();
      $(document).on('click', '#add', function() {
        var clone = $('#toiletContent').clone().find("input,textarea").val("").end().find('select option:first-child()').attr('selected','selected').end().attr("id", "main" + i++).insertBefore(last12);

    //clone.id = "main" + i;

});

в приложении. js:

    app.post('/hh', (req, res)=> {
  console.log(req.body.state);
  res.redirect('/main')
})
...