Bootstrap+HTML 模态框modal for循环中的传值问题

在HTML中利用for循环

{% for i in teainfo %}

的时候，需要用到Bootstrap中的模态框的时候，会有个问题，传进来的值总是第一个的值，这是因为外层中的i没有传进模态框中。

这时可以通过模态框的data-target属性来传递循环变量i，如下

<form style="display:inline" class="form-horizontal" action="/tea_modify/" method="POST">
    <button type="button" class="btn btn-primary btn-xs" data-toggle="modal" data-target="#{{i}}">
        <span class="glyphicon glyphicon-cog"> 修改</span>
    </button>
    <div class="modal fade" id="{{i}}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog " role="document" style="width: 400px">
        <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" id="myModalLabel"><b>修改教师信息</b></h4>
          </div>
          <div class="modal-body ">
            <form id="modifyinfo" class="form-horizontal" action="/tea_modify/" method="post">
                <input class="form-control" type="text"  name="modifyno" value="{{ i.Tno }}" readonly><br>
                <input class="form-control" type="text" placeholder="教师姓名" name="modifyname" value="{{ i.Tname}}"><br>
                <select class="form-control" name="modifysex">
                    <option>男</option>
                    <option>女</option>
                </select><br>
                <input class="form-control" type="text" placeholder="年龄(必填)" name="modifyage" value="{{ i.Tage }}"><br>
                <input class="form-control" type="text" placeholder="密码" name="modifypassword" value="{{ i.Tpassword }}"><br>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="submit" class="btn btn-primary">提交</button>
            </form>
          </div>
        </div>
      </div>
    </div>
</form>

此时就可以将外层的循环变量传进打开的模态框中