Question

我在代码中搞砸了一些东西，因此一些变量没有正确地从我的HTML文档传输到模态对话框。我在这里要做的是将变量data-uid和data-part以及data-type传递给模态对话框。

<div class="span11" style="text-align:center;">
    <a href="#myModal" role="button" class="myModal btn btn-success" data-id="Type1" data-part ="{{uni.pt}}" data-uid="{{uni.id}}" data-toggle="modal">Type 1</a>
</div>

使用Javascript：

<script type="text/javascript">
$(document).on("click", ".myModal", function () {
     var myType = $(this).data('data-id');
     $(".modal-body #type").val( myType );
     var myPart = $(this).data('data-part');
     $(".modal-body #part").val(myPart);
     var myUID = $(this).data('data-uid');
     $(".modal-body #uid").val( myUID );
     $('#myModal').modal('show');
});

模态：

            <div class="form_block" style="float:right;">
                <input type="hidden" name="type" id="type">
                <input type="hidden" name="part" id="part">
                <input type="hidden" name="uid" id="uid">
                <input class="btn btn-primary" type="submit" value="{% trans 'Submit' %}">
            </div>

但是在我的观点中，当我尝试获取其中一个变量时，例如

type = request.POST.get ('type')

其中没有任何内容。

我做错了什么？我知道这一定是个小事......

Answer 1

您可以通过两种方式访问data-x属性：

$(selector).attr("data-x")

或

$(selector).data("x")

.data方法自动添加“data-”前缀

Javascript没有正确地将变量传递给Modal

1 个答案: