动态生成html表单并提交

之前在做一个问卷调查的时候，用到了动态生成html表单，个人感觉，html方式虽然原始，但它是万能的解决方法。

生成页查询数据库，然后得到泛型，用stringbuilder 生成html代码。

 

 1 List<Model.Quest> wtlist = new BLL.Quest().GetListArray("dcid=" + dcid + "order by orderid asc");
 2        System.Text.StringBuilder sb = new System.Text.StringBuilder();
 3        sb.Append("<table width=\"100%\" border=\"1\" cellpadding=\"0\" cellspacing=\"0\" bordercolor=\"#0099FF\">");
 4        sb.Append("<input name=\"dcid\" type=\"hidden\" value=" + dcid + " />");
 5 foreach (Model.Quest wt in wtlist)
 6        {
 7            switch (wt.qtype)
 8            {
 9                case 1:
                    sb.Append("<tr><td><div   id=\"q" + wt.qid + "\" ><strong><span id=\"t" + wt.qid + "\">" + wt.qname + "： </span></strong>");
                    sb.Append("</td><td>");
                    sb.Append(retrbitem(wt.qid));
                    break;
                case 2:
                    sb.Append("<tr><td><div id=\"q" + wt.qid + "\" ><strong><span id=\"t" + wt.qid + "\">" + wt.qname + "： </strong>\r");
                    sb.Append("</td><td>");
                    sb.Append(retmutitem(wt.qid));
                    break;
                case 4:
                    break;
                case 3:
                    sb.Append("<tr><td><div  id=\"q" + wt.qid + "\" ><strong><span id=\"t" + wt.qid + "\">" + wt.qname + "：</span></strong>\r");
                    sb.Append("</td><td>");
                    sb.Append(rettk(wt.qid));
                    break;

            }
        }
        sb.Append("</table>");
        this.gx.InnerHtml = sb.ToString(); //前台有一个div runat=server
    }

    string retrbitem(int qid)//生成单选项的函数，其他我就不贴了
    {
        StringBuilder sb = new StringBuilder();
        List<Model.SItem> rbl = new BLL.SItem().GetListArray("qid=" + qid);

        foreach (Model.SItem rb in rbl)
        {
            sb.Append("<input type=\"radio\"  name=\"rb" + qid + "\"");
            sb.Append("  value=\"" + qid + "$" + rb.sid + "\"/>" + rb.sitem);
        }
        sb.Append("</td></tr>");
        return sb.ToString();
    }

 

前台的js 还没做到判断单选和多选，只能判断填空是否填写了，高手指点一下。

input中的value用$符号分割了问题的id和选项id，以便在接受页得到动态生成的问题id。

前台的页中指定post 的接收页

 <form id="form1" action="r.aspx" method="post" >
            <div runat="server" id="gx">
                </div>
                    </form>

提交的button 我就不写了，在提交前用js判断一下填写情况。

=================下面是接收页=====================

 

 1    for (int i = 0; i < Request.Form.Count; i++)
 2    {
 3        string tar = Request.Form.Keys[i].ToString().Substring(0, 2);
 4        switch (tar)
 5        {
 6            case "dc":
 7
 8                dcid = Request.Form[i].ToString();
 9                /**//*得到问卷的id ，在前面动态生成的表单中加了一个hidden的input
                其他的操作细节我就不再演示了，我是写入数据库中。还加入了一些逻辑判断。*/
                break;
            case "dx":  //多选情况
                char[] spl = { '$' };
                string selval = Request.Form[i].ToString();
                string[] dx = selval.Split(spl);
                //dx[0]是问题id，前面写入了input的value中

            case "rb":   //单选情况
                string rbtmp = Request.Form[i].ToString();
                char[] splrb = { '$' };
                string[] ans = rbtmp.Split(splrb);
                //ans[0] ans[1] 我就不多说了，跟上面一样
                break;
            case "tk":
                char[] spltk = { '$' };
                string tkval = Request.Form.Keys[i].ToString();
                string[] tkt = tkval.Split(spltk);
                //Request.Form[i].ToString() 就是post过来的input text 中的内容了
                break;
        }
    }

 

具体的逻辑关系判断以及添加数据库，我就不复述了，总体的思路就是这样，根据数据库动态生成的表单，post过来。

接收，因为写入了前缀，所以比较轻松的就获取到了各种不同的表单的值。（因为我数据库存储的时候放在2个表中，填空放入单独的表，单选和多选放在了一个表中，只存选项id和问题id）

在数据库中存储了填写人的ip地址，限制了再次填写的时间，在接收之前判断了一下，这样可以防止将表单另存为网页之后刷表单行为。

第一次发原创的东西，大家见笑了。高手不要板砖伺候就好，大家多提意见。