У меня есть модал, который показывает данные, эти значения получены из значения результата моей функции $ .each.
Я хотел бы сбросить данные из моего модального окна, когда я его закрыл.
Вот мой jQuery с моим результатом ajax
$('.edit').on('click', function(e){
e.preventDefault();
$('#edit_check').modal('show');
var payment_id = $(this).attr('payment');
var transaction_id = $(this).attr('transaction');
var payment_no = $(this).attr('number');
$.ajax({
type: 'POST',
url: 'transaction_row.php',
data:
{
payment_no:payment_no,
payment_id:payment_id,
transaction_id:transaction_id
},
dataType: 'json',
success: function(result)
{
//console.log(result);
$.each(result, function(index, value){
//client details
$('#client').val(value.fullName);
$('#company').val(value.company_name);
$('#address').val(value.company_address);
$('#trans_number').val(value.payment_transaction_no);
//transaction details
$('#edit_bank_name').val(value.bank_name);
$('#edit_bank_branch').val(value.bank_branch);
$('#edit_amount').val(value.payment_amount);
$('#edit_check_number').val(value.check_no);
$('#edit_check_date').val(value.checkDate);
});
}
});
Вот мой html / модальный
<div class="modal fade" id="edit_check">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 class="modal-title"> Edit Check Transaction </h3>
<br>
<i>Client</i>: <span><strong> <input type="text" id="client" name="client_name" class="noBorder" readonly> </strong></span>
<br>
<i>Company</i>: <span><strong> <input type="text" id="company" name="company_name" class="noBorder" readonly> </strong></span>
<br>
<i>Address</i>: <span><strong> <input type="text" id="address" name="company_address" class="noBorder" readonly> </strong></span>
<br>
<i>Transaction Number</i>: <span><strong> <input type="text" id="trans_number" name="trans_number" class="noBorder" readonly> </strong></span>
<br>
<br>
<div class="form-group">
<label for="payment_method" class="col-sm-3 control-label"> Edit Payment Method: </label>
<div class="col-sm-9">
<input type="hidden" id="show_method_id">
<select id="payment_method" name="payment_method" class="form-control" required>
<option id="1" value="cash">Cash</option>
<option id="2" value="ocash">Online Cash</option>
<option id="3" value="check" selected>Check</option>
</select>
</div>
</div>
<div class="form-group name">
<label for="edit_bank_name" class="col-sm-3 control-label">Bank Name:</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="edit_bank_name" name="edit_bank_name" placeholder="Enter Bank Name" required>
</div>
</div>
<div class="form-group branch">
<label for="edit_bank_branch" class="col-sm-3 control-label">Bank Branch:</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="edit_bank_branch" name="edit_bank_branch" placeholder="Enter Bank Branch" required>
</div>
</div>
<div class="form-group amount">
<label for="edit_amount" class="col-sm-3 control-label">Amount:</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="edit_amount" name="edit_amount" placeholder="Enter Amount" maxlength="13"
value="₱" required>
</div>
</div>
<div class="form-group number">
<label for="edit_check_number" class="col-sm-3 control-label">Check Number:</label>
<div class="col-sm-9">
<input type="number" class="form-control" id="edit_check_number" name="edit_check_number" min="0" maxlength="9"
placeholder="Enter Check Number" required>
</div>
</div>
<div class="form-group date">
<label for="edit_check_date" class="col-sm-3 control-label">Date:</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="edit_check_date" name="edit_check_date" placeholder="" required>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default btn-flat pull-left" data-dismiss="modal">
<i class="fa fa-close"></i> Close
</button>
<button type="submit" id="editCheckTransactionBtn" name="editTransactionBtn" class="btn btn-success btn-flat" >
<i class="fa fa-edit"></i> Edit Details
</button>
</div>
</div>
</div>
</div>
</div>
Я не могу найти ни одного уместного вопроса / ответа по моей проблеме.
Обновление
Я использовал $('#myFormModal').trigger("reset"), но ввод скрытия не отображался.
Должно быть так:
Не так:
Я использую шоу и скрытие ввода следующим образом:
if (payment_method == 1)
{
$('#input').show;
$('#input').hide;
}
Where 'check' is payment_method == 3