如何动态的生成HTML中的table

Question

我写了一个HTML页面。。里面有个SELECT控件和TABLE。。我想通过数据库动态的添加TABLE和绑定SELECT如何实现。。有代码更好。。谢谢了

Answer 1

 for (int j = 0; j < myTable.Rows.Count; j++)
            {
                TableRow r = new TableRow();
                r.HorizontalAlign = HorizontalAlign.Left;                if (myTable.Rows[j]["Columns"].ToString().ToUpper() != "id".ToUpper()
                     && myTable.Rows[j]["Columns"].ToString().ToUpper() != "guid".ToUpper())
                {
                    if (myTable.Rows[j]["selectItem"].ToString() == "")
                    {
                        TableCell c = new TableCell();                        c.Text = myTable.Rows[j]["Columns_name"].ToString();
                        r.Cells.Add(c);                        TableCell c2 = new TableCell();
                        TextBox txt = new TextBox();
                        txt.Text = "";
                        txt.ID = myTable.Rows[j]["Columns"].ToString();
                        c2.Controls.Add(txt);                        //增加验证控件
                        if (!bool.Parse(myTable.Rows[j]["IsNull"].ToString()))
                        {
                            //非空验证
                            RequiredFieldValidator rfv = new RequiredFieldValidator();
                            rfv.Text = "*";
                            rfv.ErrorMessage = "请输入附加信息：[" + myTable.Rows[j]["Columns_name"].ToString() + "]";
                            rfv.ControlToValidate = txt.ID;
                            rfv.ValidationGroup = "VGCheckSubmit";
                            c2.Controls.Add(rfv);
                        }
                        switch (myTable.Rows[j]["DataType"].ToString().ToLower())
                        {
                            case "int":
                                //整数型验证
                                string err1 = "附加信息：[" + myTable.Rows[j]["Columns_name"].ToString() + "]要求输入整数！";
                                txt.Attributes.Add("onpropertychange", "chkInt(this,'" + err1 + "')");
                                break;
                            case "numeric":
                                //数字型验证
                                CompareValidator cv1 = new CompareValidator();
                                string err2 = "附加信息：[" + myTable.Rows[j]["Columns_name"].ToString() + "]要求输入数字！";
                                txt.Attributes.Add("onpropertychange", "chkNum(this,'" + err2 + "')");
                                break;
                            case "money":
                                //数字型验证
                                CompareValidator cv2 = new CompareValidator();
                                string err3 = "附加信息：[" + myTable.Rows[j]["Columns_name"].ToString() + "]要求输入数字！";
                                txt.Attributes.Add("onpropertychange", "chkNum(this,'" + err3 + "')");
                                break;
                        }
                        r.Cells.Add(c2);
                        Tb1.Rows.Add(r);
                    }
                    else
                    {
                        TableCell c = new TableCell();
                        c.Text = myTable.Rows[j]["Columns_name"].ToString();
                        r.Cells.Add(c);                        TableCell c2 = new TableCell();
                        DropDownList ddl = new DropDownList();
                        string sItem = myTable.Rows[j]["selectItem"].ToString().Replace('，', ',');
                        string[] Arr = sItem.Split(new char[] { ',' });
                        for (int k = 0; k < Arr.Length; k++)
                        {
                            ListItem item = new ListItem(Arr[k].ToString(), Arr[k].ToString());
                            ddl.Items.Add(item);
                        }
                        ddl.ID = myTable.Rows[j]["Columns"].ToString();
                        c2.Controls.Add(ddl);
                        r.Cells.Add(c2);
                        Tb1.Rows.Add(r);
                    }
                }
            }aspx:
<asp:Table ID="Tb1" runat="server" Width="300">
                                            </asp:Table>

Answer 2

js的:<html>
<head>
<title>s</title>
<script language="javascript" type="text/javascript"> function createTable()
 {
  var dd=document.getElementById("div");
  var biao=document.createElement("table");
  
  biao.setAttribute("border","1");
  biao.setAttribute("width","617px");
  var tr1=biao.insertRow();
  var td1=tr1.insertCell();
  td1.innerText="name";
  var td2=tr1.insertCell();
  td2.innerText="sex";
  var td3=tr1.insertCell();
  td3.innerText="age";
  var td4=tr1.insertCell();
  td4.innerText="day";
  
  
  for(var j=2;j<6;j++)
  {       
  
        trx=biao.insertRow();
      for(var i=0;i<12;i++)
      {
             td=trx.insertCell();
             td.innerText=i;
             if(i==3)
             {
               i=12;
             }
      }
  }
  dd.appendChild(biao); }</script>
</head>
<body>
    
<input type="button" onclick="createTable()" value="显示"/>
<div id="div"></div>
</body>
</html> 

Answer 3

ls的JS我不会噢。。你的代码我看不明白吖我就想动态生成一个table。。里面的值都是从数据库取出来的。。一条数据是一个table。。

Answer 4

如果不用javascript有什么方法实现吗