<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"><script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script><script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

<div class="div_list"><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><th>学号</th><th>操作</th></tr><tr><td>{{ foo.stu_num }}</td><td><button type="button" class="button button-glow button-border button-rounded button-primary" data-toggle="modal" data-target="#myModal"  data-whatever="参数">添加</button></td></tr></tbody></table>
</div>

{#  修改模态框#}<form action="" method="post"><div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h4 class="modal-title" id="myModalLabel">添加成绩</h4></div><div class="modal-body"><table><tr><td>学号：</td><td><input type="text" name="stu_num" class="put" id="recipient-name"/></td></tr><tr><td>姓&nbsp;&nbsp;&nbsp;名：</td><td><input type="text" name="stu_name" class="put" /></td></tr><tr><td>班&nbsp;&nbsp;&nbsp;级：</td><td><input type="text" name="stu_class" class="put" /></td></tr><tr><td>科&nbsp;&nbsp;&nbsp;目：</td><td><input type="text" name="course_name" class="put" /></td></tr><tr><td>成&nbsp;&nbsp;&nbsp;绩：</td><td><input type="text" name="scroe_grade" class="put" /></td></tr><tr><td>专&nbsp;&nbsp;&nbsp;业：</td><td><input type="text" name="major" class="put" /></td></tr></table></div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">关闭</button><button type="submit" class="btn btn-primary">提交更改</button></div></div><!-- /.modal-content --></div><!-- /.modal --></div></form>

<script> //绑定模态框展示的方法 $('#myModal').on('show.bs.modal', function (event) {  var button = $(event.relatedTarget);// 触发事件的按钮  var recipient = button.data('whatever');// 解析出whatever内容  var modal = $(this);//获得模态框本身modal.find('.modal-title').text('学生学号:' + recipient); // 更改将title的textmodal.find('.modal-body input').val(recipient)  })
</script> 

<script> //绑定模态框展示的方法 $('#myModal').on('show.bs.modal', function (event) {  var button = $(event.relatedTarget);// 触发事件的按钮  var recipient = button.data('whatever');// 解析出whatever内容  var modal = $(this);//获得模态框本身modal.find('#myModalLabel').text('学生学号:' + recipient); // 更改将title的textmodal.find('#recipient-name').val(recipient)  })
</script>