Boostrap 模态框，在Index页面中申明一个div，点击button按钮，模态框弹出新增或者修改页面的内容。
http://blog.csdn.net/a316212802/article/details/25113407
这个可以先将模态框的divdisplay属性设置为隐藏，然后给按钮添加点击事件，用JS来动态的修改div的display属性为显示，这样就是整个思路了。
多谢你们提供的思路，但是和我想要的效果有点不一样，新增和修改是两个单独的页面，内容不再Index页面。
其实新增和修改就在index一个页面做就行了 在index页面添加div 这个div是添加信息和编辑信息的。写段js 点击添加的时候让div show 。编辑的时候再让div显示 并且带上查询的数据
data-target="#myModal">
修改
<!-- 模态框（Modal） -->
<div class="modal-body">
<table>
<tr>
<td>
<input type="hidden" id="MemberId" />
姓名 <input type="text" id="MemberName" />
</td>
</tr>
<tr>
<td>
电话 <input type="text" id="MemberTel" />
</td>
</tr>
<tr>
<td>
邮箱 <input type="text" id="MemberEmail" />
</td>
</tr>
<tr>
<td>
密码<input type="text" id="MemberPwd" />
</td>
</tr>
</table>
</div>
<div class="modal-footer">
<button type="button" onclick="" class="btn btn-default"
data-dismiss="modal">
关闭
</button>
<button type="button" onclick="Update()" class="btn btn-primary">
提交更改
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<script>
function Update() {
var id = $("#MemberId").val();
var name = $("#MemberName").val();
var tel = $("#MemberTel").val();
var email = $("#MemberEmail").val();
var pwd = $("#MemberPwd").val();
$.post(
"/Home/Update",
{
MemberId: id,
MemberName: name,
MemberTel: tel,
MemberEmail: email,
MemberPwd: pwd
},
function (result) {
if (result) {
//拼接要显示的数据
var str = "<td>" + id + "</td>";
str += "<td>" + name + "</td>";
str += "<td>" + tel + "</td>";
str += "<td>" + email + "</td>";
str += "<td>" + pwd + "</td>";
//str+='<td><button onclick="GetData('+id+')" data-toggle="modal" data-target="#myModal">修改'+'</button> </td>';
str += '<td><button onclick="GetData(' + id + ')" >修改' + '</button> </td>';
$("#tr" + id).empty();
$("#tr" + id).append(str);
alert('修改成功');
$("#upt").hide();
} else {
alert('修改失败');
}
}
)
}
</script>
@model List
@{
ViewBag.Title = "Index";
}
| 编号 | 姓名 | 电话 | 邮箱 | 密码 | 操作 |
| @item.MemberId | @item.MemberName | @item.MemberTel | @item.MemberEmail | @item.MemberPwd | @* 修改 *@ 修改 |
@*
姓名 |
电话 |
邮箱 |
密码 |
提交更改 |
<div class="modal-body">
<table>
<tr>
<td>
<input type="hidden" id="MemberId" />
姓名 <input type="text" id="MemberName" />
</td>
</tr>
<tr>
<td>
电话 <input type="text" id="MemberTel" />
</td>
</tr>
<tr>
<td>
邮箱 <input type="text" id="MemberEmail" />
</td>
</tr>
<tr>
<td>
密码<input type="text" id="MemberPwd" />
</td>
</tr>
</table>
</div>
<div class="modal-footer">
<button type="button" onclick="" class="btn btn-default"
data-dismiss="modal">
关闭
</button>
<button type="button" onclick="Update()" class="btn btn-primary">
提交更改
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
多谢大家提供的思路，我已经找到解决方法了。