将数据发送到模态

时间:2016-09-29 10:16:14

标签: html django modal-dialog bootstrap-modal

我正在使用Django,并且我试图以模态发送数据以获取元素的信息。

我打开模态的按钮是:

<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#informations">
    <span class="glyphicon glyphicon-trash" aria-hidden="true">{{registration_id}}</span>
</button>

模态是

<div class="modal fade" tabindex="-1" role="dialog" id="information">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <form method="post" action="{% url 'informations_choices' %}">
                    {% csrf_token %}
                    <input type="hidden" name="registration" value=......>
                    Get info about : ......
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="$('#information').modal('hide');$('#informations_choices').submit()">
                    Get Info
                </button>
            </div>
        </div>
    </div>
</div>

模态正确打开,但如何改变&#34; ......&#34;变成值(通过按钮中出现的{{registration_id}}的例子来说?

提前致谢

1 个答案:

答案 0 :(得分:0)

我在这里假设模态从一开始就在同一页面上。您只需将....替换为{{registration_id}}即可。如果您希望....动态并且随着人员在页面上的变化而变化,您可能需要查看javascript框架并使用AJAX请求。

如果你想使用普通的AJAX,你最终会得到这样的结果:

$.ajax({
  type: "POST",
  url: "/getnewvalue/",
  data: { array : items_array },
  success: function (data) {     
    // make the changes to the DOM.
  },
  error: function(data) {
      $("#MESSAGE-DIV").html("Something went wrong!");
  }
});