如何将data-id传递给模式

时间:2019-04-07 13:04:14

标签: php jquery html

我从数据库向按钮发送ID。我无法将ID发送给模式输入。我很努力,但没有。

模式:

<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和脚本:

 <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'); 
  });

1 个答案:

答案 0 :(得分: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属性)。但是其他两种方法应该可以工作。