您的位置：首页 > Web前端 > HTML

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

2007-08-31 13:50 393 查看

==================第一种获得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数组拆分开即可插入数据库即可*/

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航