动态添加的HTML控件和获得值-控件新闻-慧都网

动态添加的HTML控件和获得值

翻译|其它|编辑：郝浩|2007-08-31 17:40:22.000|阅读 1571 次

概述：

==================第一种获得 file 上传多个文件的值==============

<head runat="server">
    <title>页面</title>
    
    <script language="JavaScript">
    var i =0;
    function addFileControl()
    {

        if(i<4)
        {
    var str = '<INPUT type="file" NAME="File"><br/>'
    document.getElementById('FileCollection').insertAdjacentHTML("beforeEnd",str)
    i++;
    }else
    {
         alert('只允许同时５个上传！')
    }
    }
  </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
   <input onclick="addFileControl()" type="button" value="增加上传"><div id ="FileCollection"> <INPUT type="file" name="File"　 runat="server" id="File1" /></div>
   <div> </form>
</body>
</html>

后台代码:

//只允许上传5张图片在数据库里设置5个image字段即可
        string image1 = "";
        string image2 = "";
        string image3 = "";
        string image4 = "";
        string image5 = "";
        int fileCount = 0;
        System.Web.HttpFileCollection files = System.Web.HttpContext.Current.Request.Files;
        for (fileCount = 0; fileCount < files.Count; fileCount++)
        {
            //定义访问客户端上传文件的对象
            System.Web.HttpPostedFile postedFile = files[fileCount];
            string fileName, fileExtension;
            //取得上传得文件名
            fileName = System.IO.Path.GetFileName(postedFile.FileName);
            if (fileName != String.Empty)
            {
                //取得文件的扩展名
                fileExtension = System.IO.Path.GetExtension(fileName);
                //上传的文件信息
                //strMsg.Append("上传的文件类型：" + postedFile.ContentType.ToString() + "<br>");
                //strMsg.Append("客户端文件地址：" + postedFile.FileName + "<br>");
                //strMsg.Append("上传文件的文件名：" + fileName + "<br>");
                //strMsg.Append("上传文件的扩展名：" + fileExtension + "<br><hr color=red>");

                if (fileCount == 0)
                {
                    image1 = "../upload/" + fileName;

                }
                if (fileCount == 1)
                {
                    image2 = "../upload/" + fileName;

                }
                if (fileCount == 2)
                {
                    image3 = "../upload/" + fileName;

                }
                if (fileCount == 3)
                {
                    image4 = "../upload/" + fileName;

                }
                if (fileCount == 4)
                {
                    image5 = "../upload/" + fileName;

                }
                postedFile.SaveAs(Server.MapPath("../../uploadfiles/") + fileName);
            }
        }

=========================第二种获得多个文本框的值=======================

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>页面</title>
   
   <script language=javascript>
        var j=0;
        function showAddDiv()
           {
           if(j<5)
           {
            var temp="文本框"+(j+1)+":<input style='width:90px'; id='txtSelect' name='txtSelect' />";
            document.getElementById("addText").insertAdjacentHTML("BeforeEnd",temp);
            j++;
           }
           else
           {
            alert('只能增加5个答案');
           }

           }
    </script>
</head>
<body>
    <form id="form1" runat="server">
   <a href="javascript:;" onclick="showAddDiv();"><font size=2px>增加文本框</font></a>
   <span id="addText"><input type="text" style="width:90px" id="txtSelect" name="txtSelect" runat=server />
       <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="保存文本框的值" /></div>
    </form>
</body>
</html>

后台代码:

string text = Request.Form["txtSelect"].ToString().Trim();
        if (text == null || text == "")
        {
            this.RegisterStartupScript("istextnull", "<script>alert('请输入文本框的值:');</script>");
            return;
        }
        string[] arr = text.Split(',');
        if (arr[0].ToString() == null || arr[0].ToString() == "")
        {
            this.RegisterStartupScript("istextnull", "<script>alert('请输入文本框的值');</script>");
            return;
        }
        /*程序执行到这里的话，说明文本框里面已经有值了现在需要把 arr数组拆分开即可插入数据库即可*/