Как получить data-id у кнопки на модале? - PullRequest
Новая
       6

Как получить data-id у кнопки на модале?

0 голосов
/ 04 июня 2018

Я создал страницу отображения данных на PHP и хочу изменить определенные данные.Затем я нажимаю кнопку для изменения данных, после чего нажимаю всплывающее модальное окно обновления данных.Итак, я не понимаю, как получить идентификатор данных на модальном для обновления конкретных данных.

Кнопка для открытия модального режима: 

<button 
title="Edit Sub Category" 
class="btn btn-success edit_subcategory" 
dataid="<?php echo $row['id']; ?>"><i class="glyphicon glyphicon-pencil"></i>
</button>

Модальное обновление данных: 

<div class="modal fade" id="EDIT_SUBCATEGORY" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form action="" method="post">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">Update Sub Category</h4>
                </div>
                <div class="modal-body update_subcategory1">
                    <?php                               
                        $id = $_POST['dataid']; **<!-- Here i want data id-->**
                        $result = $conn->query("SELECT * FROM wm_subcategory WHERE id='$id'");
                        if($result->num_rows > 0){
                            while($row = $result->fetch_assoc()){
                                ?>
                                <input type="hidden" value="<?php echo $row["subcate_id"] ?>" name="subcate_id" class="form-control">
                                <div class="form-group">
                                    <label for="subcate_name">Category Name</label>
                                    <input type="text" value="<?php echo $row["subcate_name"] ?>" name="subcate_name" class="form-control">
                                </div>
                                <?php 
                            }
                        }
                    ?>
                </div>
                <div class="modal-footer">
                    <button type="submit" name="update_subcategory" class="btn btn-success">Update</button>
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
                </div>
            </form>
        </div>
    </div>
</div>

Js получение данных из модального режима: 

$(document).ready(function () {
    $('.edit_subcategory').on('click', function () {
        Id = $(this).data('id');
        $('#EDIT_SUBCATEGORY').modal('show');
    });
});

1 Ответ

0 голосов
/ 04 июня 2018

Вы можете сохранить идентификатор с помощью метода jQuery data () : 

$(document).ready(function () {
    $('.edit_subcategory').on('click', function () {
        var modalDiv = $('#EDIT_SUBCATEGORY');

        // Get id
        var id = $(this).attr('dataid');

        // Store the id and show modal        
        modalDiv.data('selectedId', id).modal('show');
    });
});

Затем нажмите кнопку отправки модала: 

$('#submit').on('click', function() {
    // Get the stored id
    var id = $('#EDIT_SUBCATEGORY').data('selectedId');

    // Continue ...
});
...