jquery — добавляет и редактирует данные, используя диалоговое окно (php mysql)
Как может id перейти на мой модал для редактирования? Я использую php и должен обновлять данные, используя диалог модальный. Как мне этого добиться?
<a href="" data-toggle="modal" data-target="#myLargeModal">
<?=$objResult["ID"]; ?>
<div class="modal fade" id="myLargeModal" tabindex="-1" role="dialog"aria-hidden="true">
<input type="text" class="form-control required" name="ID" id="ID"minlength="5" required/>
<input type="text" class="form-control required" name="Name"id="Name" required>
</div>
Решение
<a href="" data-toggle="modal" id="modalIdOpen" data-id="<?php echo $objResult["ID"]; ?>" data-target="#myLargeModal">Open Modal</a>
<div class="modal fade" id="myLargeModal" tabindex="-1" role="dialog"aria-hidden="true">
<input type="text" class="form-control required" name="ID" id="ID"minlength="5" required/>
<input type="text" class="form-control required" name="Name"id="Name" required>
</div>
необходимый скрипт jquery
<script>
$(function() {
$(document).on('click','#modalIdOpen',function(e){
//process here you can get id using
$('#ID').val($(this).data('id')); //and set this id to any hidden field in modal
});
});
</script>
Другие решения
you can put the id in a filed value directly
<a href="" data-toggle="modal" data-target="#myLargeModal"> open it </a>
<div class="modal fade" id="myLargeModal" tabindex="-1" role="dialog"aria-hidden="true">
<input type="text" name="ID" value="<?=$objResult["ID"]; ?>" />
<input type="text" class="form-control required" name="Name"id="Name" required>
</div>