js生成table

最新推荐文章于 2023-03-21 17:56:29 发布

原创最新推荐文章于 2023-03-21 17:56:29 发布 · 509 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#table #button #null #function #input

项目常用代码专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态创建表格的方法，并演示了如何通过Ajax获取公司信息数据填充到表格中，包括选择框的动态填充。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var tabInfo = Ajax.Ajax.GetCompanyInfoByType(1).value;

            if (tabInfo != null && tabInfo.Rows.length > 0) {
                for (var i = 0; i < tabInfo.Rows.length; i++) {
                    var tr = tab.insertRow();

                    var tb = tr.insertCell();
                    tb.style.background = "#ffffff";
                    tb.style.width = "30%";

tb.innerHTML = tabInfo.Rows[i]["Name"];

var tb = tr.insertCell();

tb.style.background = "#ffffff";

var tabChoose = Ajax.Ajax.GetCompanyInfoChooseByID(tabInfo.Rows[i]["ID"]).value;

var arr = new Array(tabChoose.Rows.length);

                    if (tabChoose != null && tabChoose.Rows.length > 0) {
                        for (var j = 0; j < tabChoose.Rows.length; j++) {
                            arr[j] = "<OPTION value = '" + tabChoose.Rows[j]["ID"] + "'>" + tabChoose.Rows[j]["Name"] + "</OPTION>";
                        }
                    }

                    tb.innerHTML = "<Select ID='" + tabInfo.Rows[i]["ID"] + "'>" + arr.join() + "</Select>";
                }
            }
            var tr = tab.insertRow();
            var tb = tr.insertCell();
            tb.style.background = "#ffffff";
            tb.style.colspan = "2";
            tb.setAttribute("colSpan", "2");
            tb.setAttribute("align", "center");
            tb.innerHTML = "<input id='btnSave' type='button' value='保存'/>";
        }
    </script>