使用表单数据动态设置模态中的文本？[副本]

Question

我正在做一个网站，我有一些麻烦。

在一个页面上有一个名称表,看起来如下所示：

<table class="table" id="table">
    <thead>
        <tr>
            <th id="name">Teacher</th>
            <th id="courses">Courses</th>
        </tr>
    </thead>
<tbody>
<tr>
    <td><a data-toggle="modal"  href="#myModal" id="1">Katherine Crowley</a></td>
    <td>English</td>
</tr>
<tr>
    <td><a data-toggle="modal"  href="#myModal" id="2">Seraphine Hamilton</a></td>
    <td>English</td>
</tr>

有更多的条目，但那是一个很好的例子。当你点击表中的名字，“Katherine Crowley”（在这个例子中），一个模态打开了，我想在这里得到关于这个人的信息。下面是模态的代码：

<div class="modal" id="myModal">
<div class="modal-dialog">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
      <h4 class="modal-title" href="#name"></h4>
    </div><div class="container"></div>
    <div class="modal-body">
      Content
      <br>
      <br>
      <br>
      <p>more content</p>
      <br>
      <br>
      <br>
    </div>
    <div class="modal-footer">
      <a href="#" data-dismiss="modal" class="btn">Close</a>
      <a href="#" class="btn btn-primary">Save changes</a>
    </div>
  </div>
</div>

其想法是，模态的标题将被设置为人的名字，然后在内容区域，列出课程。

谢谢！

编辑：查看下面的评论。丹评论了另一个问题的链接，在那里我找到了我要找的东西。如果国防部能将此问题标记为副本，那将不胜感激。

Answer 1

我更喜欢以编程方式显示对话框，而不是使用约定（href具有模态容器的ID）。我就是这么做的：

$(".edit-object").click(function () {
     // sets modal's controls
     $("#txtDamageTypeName").val(damageType.Name); // damageType is a JS object
     // shows modal
     $('#mdlEdit').modal('show'); where mdlEdit is the ID of the modal container.
});

希望有帮助。如果你有任何其他疑问，请告诉我。