js处理表单里表格的数据

最新推荐文章于 2024-05-16 16:52:30 发布

那一只熊猫.

最新推荐文章于 2024-05-16 16:52:30 发布

阅读量231

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/weixin_58057048/article/details/130083188

版权

                            <tbody id="tbody">
                            {if condition="$list->isEmpty() == false"}
							{foreach name="list" item="v"} 
                                <tr>
                                    <td>{$v.ordernumber}</td>
                                    {if condition="$open_source_goods eq 1"}
                                    <td>
                                        {if condition="$v.fh_status eq 0"}
                                        {if condition="$v.source_type eq 1"}
                                        {:lang(未申请发货)}
                                        {elseif condition="$v.source_type eq 2"}
                                        {:lang(已申请发货)}
                                        {/if}
                                        {elseif condition="$v.fh_status eq 1"}
                                        {:lang(已发货)}
                                        {/if}
                                    </td>
                                    {/if}
                                    <td>{$v.user_name}</td>
                                    <td >{$v.phone}</td>
                                    <td>{$v.total_price}&nbsp; </td>
                                    {if $v.goods_purchase_price == 0}
                                    <td>{$v.goods_purchase_price}&nbsp;</td>
                                    {else}
                                    <td>{$v.total_price - $v.goods_purchase_price}&nbsp;</td>
                                    {/if}
                                    <td>{$v.province}&nbsp;{$v.city}&nbsp;{$v.area}</td>
                                    <td>{:date('Y-m-d H:i:s',$v['addtime'] )}</td>
                                    <td>
                                    <button type="button" class="btn btn-success btn-xs" onclick="getinfo({$v.id},this);"><i class="fa fa-pencil"></i>&nbsp;{:lang(详情)}</button>&nbsp;&nbsp;&nbsp;&nbsp;
                                    <button type="button" class="btn btn-danger btn-xs" onclick="deloneO({$v.id},this);"><i class="fa fa-close"></i>&nbsp;{:lang(删除)}</button>
                                    </td>
                                </tr>
							{/foreach}
							{else/}
							<tr><td colspan="8" style="text-align:center; font-size:14px;">{:lang(没有找到相关数据)}</td></tr>
							{/if}						
                            </tbody>

1.先获取//取得这个table

var tab = document.getElementById("tbody");

2.取得这个table下的所有行

var rows = tab.rows; //取得这个table下的所有行

3.循环修改

for (var i = 0; i < rows.length; i++) {
for (var j = 0; j < rows[i].cells.length; j++) {
var cell = rows[i].cells[j];
          // console.log("第"+(i+1)+"行第"+(5)+"格的数字是"+cell.innerHTML);
         cell.innerHTML=phoneShow(cell.innerHTML)//调用方法修改内容并重新赋值
        console.log(cell.innerHTML)
}
}

4.效果