Я работаю над модальным и пытаюсь ввести какое-то значение в текстовый ввод, используя метод modal.find.Однако значение не отображается.Какую часть я сделал неправильно?
var countNo = 0;
for (i = 0; i<count.length; i++) {
filling += "<div id='transaction"+i+"' class='col-form-label'></div> \n\
<label for = 'amount' class='col-form-label'>Amount:</label>\n\
<input type ='text' disabled class='form-control' id ='amount"+i +"'/>\n\\n\
<label for = 'date' class='col-form-label'>Datetime:</label>\n\
<input type ='text' disabled class='form-control' id ='date"+i +"' />\n\\n\
<label for = 'to' class='col-form-label'>To</label>\n\
<input type ='text' disabled class='form-control' id ='to"+i +"'/>\n\\n\
<label for ='from' class='col-form-label'>From:</label>\n\
<input type ='text' disabled class='form-control' id ='from" +i +"'/>"
}
modal.find('#amount'+countNo).val(childData.amount);
modal.find('#date'+countNo).val(childData.date);
modal.find('#from'+countNo).val(childData.from);
modal.find('#to'+countNo).val(childData.to);
Вот код для моего модального
<!-- Modal interface for transactions -->
<div class="modal fade" id="showTransaction" role="dialog" aria-labelledby="showTransactionLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<div id ="name" class="col-form-label"></div>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
</button>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<div id="transactioNo" class="col-form-label"></div>
</div>
</form>
</div>
</div>
</div>
</div>
Я был бы очень признателен за помощь.Спасибо.