<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>动态增加文本框</title>
<script type="text/javascript">
function xlh(){
document.getElementById("d1").appendChild(document.createElement("<input type='file'>"));
document.getElementById("d1").appendChild(document.createElement("<br />"));
}
</script>
</head><body>
<input type="button" id="btn" value="增加" onclick="xlh()" />
<div id="d1"></div>
</body>
</html>

解决方案 »

  1.   

    为了增加对不同浏览器的兼容性,稍作修改:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>动态增加文本框</title>
    <script type="text/javascript">
    function xlh(){
    try{
    var file = document.createElement("input");
    var br = document.createElement("br");
    file.type = "file";
    document.getElementById("d1").appendChild(file);
    document.getElementById("d1").appendChild(br);
    }
    catch(e){alert(e)}
    }
    </script>
    </head><body>
    <input type="button" id="btn" value="增加" onclick="xlh()" />
    <div id="d1"></div>
    </body>
    </html>
      

  2.   

    这样生成的表单都是一样的啊,怎么生成name不一样的啊,还有删除
      

  3.   

    给个思路你吧,自己动脑子:name不一样可以用setAttribute("name","NameStr")删除用removeChild或者removeNode
      

  4.   

    <HTML>
    <Head>
    <Script Language=JavaScript>
    function insertRow(isTable){
     index = isTable.rows.length;
     nextRow = isTable.insertRow(index);
     isText = nextRow.insertCell(0);
     txtArea = nextRow.insertCell(1);
     index++;
     index = index.toString();
     nameStr = "item"+index;
     txtStr = "Item "+index;
     isText.innerHTML = txtStr;
     txtArea.innerHTML = "<input type=text name="+nameStr+" size=5><input type='button' value='删除附件' onclick='deleteRow("+index+")'>";
    }
    function deleteRow(index){
     document.all.dynTable.deleteRow(index);
    }</Script>
    </Head>
    <Body>
    <Form name='Form1' action="1.asp">
    <Table id='dynTable' cellpadding=5 cellspacing=5 border=1></Table>
    <input type="submit" name="提交">
    </Form>
    <input type=button value="增加附件" onclick="insertRow(dynTable)" ></Body>
    </HTML>
    -------------------------------------------------
    如果按照这个的话,增加好用,但是删除有问题,删除应该怎么改呢?
      

  5.   

    我就是想要一个,能动态增加和动态删除file例子,切增加、删除的时候,file的名字不能重复,因为我提交到后台往数据库里写