Я хочу получить значение клонированных входов после нажатия кнопки Отправить, я в той же форме, но моя проблема в том, что я не знаю, как получить выбранную опцию из выпадающего меню клонированного и основного 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')
})