html 将table中选中行的数据直接打印在表单中（一般在修改信息用到）

最新推荐文章于 2023-03-13 17:14:16 发布
最新推荐文章于 2023-03-13 17:14:16 发布
阅读量384 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DesireForPower/article/details/108712322
版权

这是table表：

<el-table ref="multipleTable"  :data="page.list" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange">
				<el-table-column type="selection" width="55">
				</el-table-column>
				<el-table-column prop="uname" label="用户名" width="120">
				</el-table-column>
				<el-table-column prop="uphone" label="手机号" width="120">
				</el-table-column>
				<el-table-column prop=</
最低0.47元/天 解锁文章
禅～よし
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html选中然后显示到表格,如何将数据从html表单显示到表格中？
weixin_35697229的博客
06-22 947
听起来好像你并没有使用服务器端发布，但你只是试图将信息放在一个表单上，并显示在同一页上的表格中。我对吗？如果是的话，这是函数的例子，你可以使用：的JavaScript：function addRowToTable() {var tbl = document.getElementById('tblSample');var lastRow = tbl.rows.length;// if there's...
打印屏蔽部分内容window.print()
小贝de
07-20 656
var bdhtml=window.document.body.innerHTML; var sprnstr="<!--startprint-->"; //开始打印标识字符串有17个字符 var eprnstr="<!--endprint-->"; //结束打印标识字符串 var prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); //从开始打印标识之后的内容 prnhtml=prnhtml.substring(0,prnh.
HTML 打印table分页
Yxh_255的博客
03-13 964
html打印table分页
【Vue】Vue 使用 Print.js 打印选中区域的html，用到的是Element ui table表格，解决页面样式不出现或者table表格样式错乱问题！！！
蓝胖子的博客
02-24 1万+
【Vue】Vue 使用 Print.js 打印选中区域的html，用到的是Element ui table表格，解决页面样式不出现或者table表格样式错乱问题！！！
HTML Table 打印
Tjhfsghbjknjdy的博客
03-04 809
实现表格跨页自动分开 @media print { .layui-table { page-break-after:auto } tr { page-break-inside:avoid; page-break-after:auto } td { page-break-inside:avoid; page-break-after:auto } thead { display:table-header-group } tfoot { display:tabl
html-table-stream:在 Node 中读写 HTML 表格作为数据
06-06
在 Node.js 中读取和写入 HTML 表格作为数据。 使用安装它： npm install html-table-stream 现在您可以解析一些 HTML 表格，例如： var table = require ( 'html-table-stream' ) ; var request = require ( ...
获取el-table表格中选中行的数据
最新发布
07-31
获取el-table表格中选中行的数据
在layui中对table中的数据进行判断(0、1)转换为提示信息的方法
12-13
在 done方法里面进行数据渲染： layui.use('table', function(){ var table = layui.table ,form = layui.form; tableIns=table.render({ elem: '#bankList', url:'/bank/bankList', method: 'post', //默认...
导入导出数据在cmd直接运行
02-02
4、将数据库中的表table1中的字段filed1以"00"打头的数据导出 1 exp system/manager@orcl file=d:\daochu.dmp tables=(table1)query=\" where filed1 like '00%'\" 数据导入： 1、将D:\daochu.dmp 中的数据导入 orcl...
解决layui table表单提示数据接口请求异常的问题
12-13
问题一：直接拿别人的文件放在本地打开 如下图 原因：这是提示“交叉源请求仅支持协议方案：HTTP、数据、Chrome、Chrome扩展、HTTPS。” 也就是你不能用本地文件打开，本地打开是file:///C:/Users/Administrator/...
获取html的table行
jszj的专栏
06-24 2548
有如下表格： <table id="tbLabelList" width="100%" cellpadding="0" cellspacing="0" border="1"> <tr><td>11</td><td>12</td><td>13</td></tr> <tr><td>21</td><td>22</td><td>23&
table tr 多选
xingjianxinn的专栏
02-17 1097
var SelectedRows=new Array();    //所有选中的行对象     var ShiftStartRow="";    //Shift多选时存储开始行对象     var CurrentRow="";        //当前行     // 保存记录行的颜色     var color=null;     //选中行变色     function ch
[HTML]table选中行效果
我是涛锅
05-04 1万+
比如是这样一个结构的table<table id="tUsers"> <thead> <tr> <td>序号</td> <td>帐号</td> <td>密码</td> </tr> </thead> <tbody> <tr> <td>1
Html table 页 实现点击选中tr行 改变背景颜色
热门推荐
WX_Scorpion的博客
10-14 1万+
Html table 页 实现点击选中tr行 改变背景颜色 table 表格展示数据时没有选中的效果，如果对展示数据 做了一些操作 会导致 不太容易分辨，所以选中效果就很重要，而这个事件需要作用于整个tr的所有td 而不是某个td。 具体请看代码，如果可以更加方便请指出，。 首先我们要把click确定在哪个tr上 ，关键获取tr是最重要的，可以根据不通的选择器实现 我使用的是id选择器 加上 标签...
a4纸网页打印 table_打印模板不愁人，你还在打印单调的A4纸吗？
weixin_42395776的博客
12-02 1022
软件介绍早在几年前，社会上就已经开始了数字化、无纸化的推广，但是就算再怎么无纸化，纸张还是有它必要的存在，在工作、学习过程中，打印的需求也必不可少的。但是一般的打印都是比较平庸的，要做会议记录，可能就打印一个标题，其他的手写；要做读书笔记，可能就打印一个书名，其他的手写。这样的打印其实跟拿一张白纸写字没有什么区别。今天推荐的 好多纸 就是帮你准备好了很多类型的纸张设计，相信你在这里肯定能找到符合你...
HTML 网页打印实现分页打印功能
玩味JAVA
06-05 2691
&lt;html&gt; &lt;head&gt; &lt;title&gt;页面打印&lt;/title&gt; &lt;!--media=print 这个属性在打印时有效 有些不想打印出来的分页打印的都可以应用这类样式进行控制 在非打印时是无效的(可从打印预览中看到效果)--&gt; &lt;style media=print&gt; /* 应用这个样式的在打印时隐藏 */...
html表格打印重叠,html的table打印注意事项
weixin_34017915的博客
05-31 771
1.在firefox下，每页均会打印重复thead(表头)，tfoot(表尾)的内容；IE8下无效(其它IE版本未测试)2.分页的处理@media print {.page-break { page-break-after: always; }}在需要分页的tr上，加上该样式即可3.隐藏某些不需要打印的区域@media print {.no-print { display: none; }}4.页...
在datagirdview中选中数据后修改数据表中的数据
06-08
要在DataGridView中选中数据后修改数据表中的数据，需要使用DataGridView的事件和属性来实现。具体步骤如下： 1. 在DataGridView中选中需要修改的数据行。 2. 在DataGridView的SelectionChanged事件中获取选中行的数据，可以使用以下代码实现： ``` private void dataGridView1_SelectionChanged(object sender, EventArgs e) { if (dataGridView1.SelectedRows.Count > 0) { DataGridViewRow row = dataGridView1.SelectedRows[0]; // 获取选中行的数据 string id = row.Cells["id"].Value.ToString(); string name = row.Cells["name"].Value.ToString(); // ... } } ``` 3. 在DataGridView的CellEndEdit事件中获取修改后的数据，并更新数据表中的数据，可以使用以下代码实现： ``` private void dataGridView1_CellEndEdit(object sender, DataGridViewCellEventArgs e) { if (e.RowIndex >= 0 && e.ColumnIndex >= 0) { DataGridViewRow row = dataGridView1.Rows[e.RowIndex]; // 获取修改后的数据 string id = row.Cells["id"].Value.ToString(); string name = row.Cells["name"].Value.ToString(); // 更新数据表中的数据 string sql = "update table1 set name='" + name + "' where id=" + id; // ... } } ``` 需要注意的是，更新数据表中的数据需要使用SQL语句执行更新操作。另外，为了避免SQL注入攻击，建议使用参数化查询。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值