弹出模态框行监听功能

开发工具与关键技术：MVC
作者：胡名权
撰写时间：2019年7月24日
首先，我们要写一个弹出框：

然后要写它的点击事件：
$("#ClientMessage").click(function () {
//弹出模态框
$("#modInsertExaminee").modal(‘show’);
})
通过id获取到表单的：

弹出层有了，我们还需要让它弹出层里的有数据表格,这里呢，不是直接在模态框里给出来，而是在css样式fomr表单里给了id获取表单数据。可以看到这张模态框里并没有input，select等出现在模态框里。
那么，想要模态框的数据表格有数据还要查询出相关数据，然后监听行，点击获取数据，回填到form表单的对应input里。查询我们已经见多不怪了，那就不写查询的部分了，它的监听是：

在我们点击打开模态框时，通过用户号码来查询对应id的其他数据绑定，所以我们还要加上几句代码：

这里写的监听行的id字段获取数据就是我们弹出模态框查询出来的数据，其css部分是：

它模态框的样式就是：

可以看到是和获取Id的字段是对应的
通过此id获取到其他我们需要的字段的数据后，当我们随意点击一条，通过监听行，把我们选择的这条数据，回填到input里。
那么到这里我们通过一条字段获取其id，然后弹出模态框绑定想要的字段，当然要与前者的id能对得上（是一条id里的字段），才能获取绑定成功，并且监听选中后提交到form表单里的input。