首页 / JAVASCRIPT / js获取table的值，js获取td里input的值

js获取table的值，js获取td里input的值

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js获取table的值，js获取td里input的值，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1555字，纯文字阅读大概需要3分钟。

内容图文

1、如果想让table具有可以编辑的功能，可以在table里嵌入input标签

        写法{{ list_one[1] or ‘‘ }}的作用是，当list_one[1]取值为None时，前端web界面不至于显示None，而是显示为空
    
            <
            table 
            class
            ="table table-bordered"
             id
            ="parameters"
            >
            <
            tr
            >
            <
            th 
            style
            ="width: 5px"
            >变量名称</th><th>变量值</th></tr>
        {% for list_one in info_list[8] %}
       <tr><td>{{ list_one[0] }}</td><td><input class="form-control" placeholder="必填" value="{{ list_one[1] or ‘‘ }}"></td>    </tr>
       {% endfor %}
</table>

2、js如何获取这些值，并把他们传给flask后台呢？

下列方法可以获得table的各行各列的值。

JSON.stringify(parameters)把参数json话

$("#save_script").click(function () {
        var parameters = new Array();
        rows = document.getElementById("dubbo_parameters").rows;
        for(var row=1;row<rows.length;row++){
            parameters[row-1] = new Array();
            for(var col=0;col<rows[row].cells.length;col++){
                if(col%2 == 0){
                    parameters[row-1][col] = rows[row].cells[col].innerHTML;
                }else {
                    parameters[row-1][col] = rows[row].cells[col].childNodes[0].value;  获取td里input的value值
                }
            }
        }
        $("#dubbo_para").val(JSON.stringify(parameters));
       
 });

3、后台如何获得前端传过来的值

使用flask的json.load方法，可以把前端传过来的字符串变为python的list

dubbo_para = json.loads(request.form.get("dubbo_para"))

 

4、jquery方式

<table>
   <tr>
        <td><input type="text" value="外出"></td>
   </tr>
</table>

jquery:

$("table tr").children("td:eq(0)").find("input").val();

 

 

参考：

1、https://segmentfault.com/a/1190000007605055

2、https://blog.csdn.net/xuliangwen/article/details/6932064

原文：https://www.cnblogs.com/shengulong/p/8919747.html

内容总结

以上是互联网集市为您收集整理的js获取table的值，js获取td里input的值全部内容，希望文章能够帮你解决js获取table的值，js获取td里input的值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1153024.html

来源：【匿名】