匹多莫德口服液空腹喝:如何用Javascript实现一个“继续添加”的功能

来源:百度文库 编辑:杭州交通信息网 时间:2024/05/05 19:54:35
比如现在有一个表单:实现旅游线路的编辑。旅游线路由多个景点组成。管理者进行编辑时,出现一个景点的下拉列表,旁边有一个“继续添加景点”的按钮或链接,点击这个按钮就又出现一个同样的下拉列表。
就像写EMAIL添加附件一样,按一下“继续添加附件”可以继续添加。
用JAVASCRIPT怎么做?
有其他方法也可以,只要在JSP上能使用就行。

给你个思路:文本框的样式,你改成列表框
下面保存成HTM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>多文件上传</title>
<script language="JavaScript">
function addFile()
{
var str = '<INPUT type="file" size="50" NAME="File">'
document.getElementById('MyFile').insertAdjacentHTML("beforeEnd",str)
}
</script>
</HEAD>
<body>
<form id="form1" method="post" runat="server" enctype="multipart/form-data">
<center>
<asp:Label Runat="server" ID="MyTitle"></asp:Label>
<P id="MyFile"><INPUT type="file" size="50" NAME="File"></P>
<P>
<input type="button" value="增加(Add)" onclick="addFile()">
<asp:Button Runat="server" Text="上传" ID="Upload"></asp:Button>
<input onclick="this.form.reset()" type="button" value="重置(ReSet)">
</P>
</center>
<P align="center">
<asp:Label id="strStatus" runat="server" Font-Names="宋体" Font-Bold="True"
Font-Size="9pt" Width="500px" BorderStyle="None" BorderColor="White"></asp:Label>
</P>
</form>
</body> </HTML>