1. 要建立一个清单,在网页表格内输入信息并可以获取保存。这里只写如何获取table 里单元格里input 或 textarea 的信息
2. html 的代码如下:
<table id="abc">
<tr v-for=" (r,index) in datax" :key="index">
<td> {{r.name}} </td>
<td> {{r.value1}} </td>
<td> {{r.value2}} </td>
<td> {{r.value3}} </td>
<td> {{r.id}} </td>
<td> <textarea></textarea></td>
<td> <button @click="getid(index)"> 确认id </button> </td>
</tr>
</table>
3. data 里的值是这样的,只是测试值:
datax:[
{name: '2014', value1: 15342, value2: 13842, value3: 13142, id:'x1'},
{name: '2015', value1: 15342, value2: 13842, value3: 13142, id:'x2'},
{name: '2016', value1: 15342, value2: 13842, value3: 13142, id:'x3'},
{name: '2017', value1: 15342, value2: 13842, value3: 13142, id:'x4'},
],
4. 确认id button 对应的 js 如下:
先获取 table 的id, 根据row, cells 获取单元格内对象的的信息,如 input, textarea。
getid(id){
let mytable= document.getElementById('abc');
let bb= mytable.rows[id].cells[5].childNodes[0].value;
alert(bb)
},
单独获取单元格内的信息使用如下代码。
let bb= mytable.rows[0].cells[5].innerHTML;
希望在开发的路上能帮到您,特别分享。