Я использую мультиполе jquery, чтобы добавить форму множественного выбора и ввода. Многопрофильные ссылки Я пытаюсь получить данные «stock_item», которые были выбраны в форме выбора, и установить их значение в качестве атрибута 'max'
в форме ввода. Он отлично работает для первого поля, но не работает для нового добавленного поля.
Как получить данные из каждого выбранного нового добавленного поля и отправить их как атрибут 'max'
в поле ввода?

Вот мой код:
<div class="row">
<div class="col-lg-12" style="margin-bottom:10px;"><button type="button" id="btnAdd-6" class="btn btn-primary">Add Field</button></div>
</div>
<div class="row group">
<div class="col-md-7">
<select name="obat[]" class="form-control obat3" required>
<option value="">- Pilih Obat -</option>
<?php
$sql_obat = mysqli_query($con, "SELECT * FROM db_obat ORDER BY nama_obat ASC") or die (mysqli_error($con));
while ($data_obat = mysqli_fetch_array($sql_obat)) {
$id = $data['id_obat'];
$nama_obat2 = $data['nama_obat'];
$stok_obat2 = $data['stock_item'];
$harga_obat2 = $data['harga_obat'];
echo '<option data-stockitem="'.$data_obat['stock_item'].'" value="'.$data_obat['id_obat'].'">'.$data_obat['nama_obat'].' (Stock : '.$data_obat['stock_item'].') </option>';
} ?>
</select>
</div>
<div class="col-md-3">
<div class="form-group">
<input class="form-control jmlhobat3" type="number" onkeydown="javascript: return event.keyCode === 8 || event.keyCode === 46 ? true : !isNaN(Number(event.key))" name="jmlhobat[]" placeholder="Jumlah Obat" min="1" max="100" required>
</div>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-danger btnRemove">Delete Field</button>
</div>
</div>
$('#example-6').multifield({
section: '.group',
btnAdd:'#btnAdd-6',
btnRemove:'.btnRemove'
});
$("select[name='obat\\[\\]']").change(function(){
$("input[name='jmlhobat\\[\\]']").attr('max', $(this).find(":selected").data('stockitem'));
});