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

  • 时间:2018-09-08 22:40 作者:程序员小新人学习 来源:程序员小新人学习 阅读:71
  • 扫一扫,手机访问
摘要: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)
最新发布的资讯信息
【系统环境|服务器应用】摩尔定律与奔腾的芯- INTEL 《浪潮之巅》读书笔记(2018-12-09 22:29)
【系统环境|服务器应用】说说在 Vue.js 中如何实现组件间通信(高级篇)(2018-12-09 22:29)
【系统环境|服务器应用】开发人员安装电脑后可能会安装的 6 大软件(2018-12-09 22:29)
【系统环境|服务器应用】人工智能概念-11-系统智能(2018-12-09 22:29)
【系统环境|服务器应用】Spark SQL,如何将 DataFrame 转为 json 格式(2018-12-09 22:29)
【系统环境|服务器应用】机器学习入门(六) — 聚类和类似度模型(2018-12-09 22:29)
【系统环境|服务器应用】Shell编程基础(2018-12-09 22:28)
【系统环境|服务器应用】JavaScript中this的指向问题归纳总结(2018-12-09 22:28)
【系统环境|服务器应用】java nio与bio —— 阻塞IO与非阻塞IO的区别(2018-12-09 22:28)
【系统环境|服务器应用】Mysql入门到入土之Mysql详情和Sql基本语法(基础讲解篇)(2018-12-09 22:28)
手机二维码手机访问领取大礼包
返回顶部