如何将data-id传递给modal

问题描述 投票:0回答:1

我将数据库中的id发送到按钮。我无法将id发送到模态inpıt。我努力了,但我做不到。

资金:

<div class="modal fade" id="delete">
    <div class="modal-dialog">
        <div class="modal-content">
            <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"><b>Deleting.</b></h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" method="POST" action="advert_delete.php">
                    <input type=""class="id" name="id">
                    <div class="text-center">
                        <p>DELETE </p>
                    </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" class="btn btn-danger btn-flat" name="delete_button"><i class="fa fa-trash"></i> Delete</button>
            </div>
            </form>
        </div>
    </div>

Buton和Script:

 <button type='button' class='btn btn-danger btn-sm delete btn-flat'  data-id='".$row['id']."' ><i class='fa fa-trash'></i> Delete</button>


$(document).on('click', '.delete', function(e){
    e.preventDefault();
    var id = $(this).attr('data-id');
    $("id").val(id);
    $('#delete').modal('show'); 
  });
php jquery html
1个回答
1
投票

以下输入字段:

<input class="id" name="id" id="id">

可以通过以下方式调用:

$(".id") // Calling *any* element with class="id"
$("input[name=id]") //Calling *any* _input_ element that has name="id"
$("#id") // Calling the element with id="id"

在您的特定示例中,您的字段不包含id属性,因此您不能使用#id作为参考(除非您当然添加id属性)。但其他两种方法应该有效。

© www.soinside.com 2019 - 2024. All rights reserved.