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

  • 时间:2018-09-08 22:40 作者:程序员小新人学习 来源:程序员小新人学习 阅读:190
  • 扫一扫,手机访问
摘要: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)
最新发布的资讯信息
【系统环境|】WEB前端学习:JS实现中文简体繁体切换(2019-08-22 12:38)
【系统环境|服务器应用】前台开发入门到实战:HTML5语义化元素你真的用的正确吗?(2019-08-22 04:16)
【系统环境|服务器应用】Vue仿微信app页面跳转动画(2019-08-22 04:16)
【系统环境|服务器应用】webstorm使用快捷键快速修正单个文件的style(2019-08-22 04:16)
【系统环境|服务器应用】程序员从学生到阿里经历的5次蜕变:海阔凭鱼跃,天高任鸟飞(2019-08-22 04:16)
【系统环境|服务器应用】var、let、const的区别(2019-08-22 04:16)
【系统环境|服务器应用】mini-ui加载框Indicator 被遮挡问题(2019-08-22 04:15)
【系统环境|服务器应用】【对讲机的那点事】玩对讲机,对于对讲机的亚音你理解吗?(2019-08-22 04:15)
【系统环境|服务器应用】前台中高级面试,内功心法(上)(2019-08-22 04:15)
【系统环境|服务器应用】17、改进轮播图之功能封装(2019-08-22 04:15)
手机二维码手机访问领取大礼包
返回顶部