表格数据通过点击传数据给Bootstrap模态窗口

  • 时间:2018-09-08 22:40 作者:程序员小新人学习 来源:程序员小新人学习 阅读:127
  • 扫一扫,手机访问
摘要:li {list-style: none;}.modal-li li {height: 45px;line-height: 45px;}.text-input {display: inline-block;width: 80%;margin-left: 10px;} 姓名 编号 性别 修改









































姓名 编号 性别 修改
龙彻 20160621 修改
Sachin 20160621111 修改
Uma 23341 修改











js:



//触发模态框的同时调使用此方法
function editInfo(obj) {
var tds= $(obj).parent().find('td');
$('#name').val(tds.eq(0).text());
$('#number').val(tds.eq(1).text());
var sex = $('#sex').val(tds.eq(2).text());
if (sex == '女') {
document.getElementById('women').checked = true;
} else {
document.getElementById('man').checked = true;
}
$('#modal').modal('show');
}
//提交更改
function update() {
//获取模态框数据
var name = $('#name').val();
var number = $('#number').val();
var sex = $('input:radio[name="sex"]:checked').val();
$.ajax({
type: "post",
url: "",
data: "name=" + name + "&number=" + number + "&sex=" + sex,
dataType: 'html',
contentType: "application/x-www-form-urlencoded; charset=utf-8",
success: function(result) {
//location.reload();
}
});
$('#modal').modal('hide');
}
表格数据通过点击传数据给Bootstrap模态窗口

  • 全部评论(0)
最新发布的资讯信息
【系统环境|】2019蚂蚁金服面试总结(Java方向)(2019-04-18 16:19)
【系统环境|】notepad++ 三位数字正则替换规则(2019-04-12 23:02)
【系统环境|服务器应用】网络工程师跨交换机的Vlan配置与管理知识(2019-03-26 02:14)
【系统环境|服务器应用】最小化的定制版linux系统:CoreOS(2019-03-26 02:14)
【系统环境|服务器应用】分布式系统面试题:分布式事务处理方案?(2019-03-26 02:13)
【系统环境|服务器应用】带着网关去旅行(系列二):防止vps上ssh端口被恶意扫描(2019-03-26 02:13)
【系统环境|服务器应用】美团iOS面试总结(2019-03-26 02:13)
【系统环境|服务器应用】百度iOS面试总结(2019-03-26 02:13)
【系统环境|服务器应用】Java大佬之学习历程(三)(2019-03-26 02:13)
【系统环境|服务器应用】Android面试集锦系列(38)——在项目中使用AsyncTask会有什么问题吗?(2019-03-26 02:13)
手机二维码手机访问领取大礼包
返回顶部