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

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

概述:

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

==================第一种获得  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('
只允许同时5个上传!')
     }
    }
  </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张图片 在数据库里设置5image字段即可
        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数组拆分开即可 插入数据库即可*/


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自:个人博客

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP