初学的简单问题。
我看到很多网站上有点一个按钮就能增加一行输入框是怎么弄的呢？
就象邮件发送系统里点增加附件就多一个框来输入附件的路径。在点增加又多一行来发多个附件呢？
[解决办法]
<script>
function addtext()
{
var op = document.createElement( 'input ');
op.id= 't1 ';
document.body.appendChild(op);
}
<script>
<button onclick= 'addtext() '> addtext </button>
[解决办法]
<form name= "form1 " id= "form1 " action= " " method= "post ">
<input type= "button " value= "附件 " onClick= "return showdiv(); ">
<div id= "a1 " style= "display:none; "> <input type= "file " name= "file1 "> </div>
<div id= "a2 " style= "display:none; "> <input type= "file " name= "file2 "> </div>
<div id= "a3 " style= "display:none; "> <input type= "file " name= "file3 "> </div>
<div id= "a4 " style= "display:none; "> <input type= "file " name= "file4 "> </div>
</form>
<script language= "javascript ">
function showdiv(){
for(i=1;i <5;i++)
{if(eval( "a "+i).style.display== "none "){
eval( "a "+i).style.display= "block ";
break;
}
}
}
</script>
[解决办法]
function addfile()
{
var login=0;
var br = document.createElement( 'br ');
document.body.appendChild(br);
var aa = document.getElementsByTagName( "input ");
for(var i=0;i <aa.length;i++)
{
if(aa[i].type== "file "){
var op = document.createElement( 'input ');
op.name= 't '+(aa.length-i+1);
op.type= 'file ';
op.id= 't '+(aa.length-i+1);
document.body.appendChild(op);
document.getElementById( "kkk ").innerHTML=op.name
login=1;
break
}
}
if(login==0)
{
var op = document.createElement( 'input ');
op.name= 't1 ';
op.type= 'file ';
op.id= 't1 ';
document.body.appendChild(op);
document.getElementById( "kkk ").innerHTML=op.name
return false;
}
}
</script>
<button onclick= 'addfile() '> 附件 </button>
<div id= "kkk "> </div>
[解决办法]
楼上的已经说了~！
[解决办法]
是不是要这种效果？
<script>
function addfile()
{
var login=0;
var aa = document.getElementsByTagName( "input ");
for(var i=0;i <aa.length;i++)
{
if(aa[i].type== "file "){
var op = document.createElement( 'input ');
var op2 = document.createElement( 'tr ');
var op3 = document.createElement( 'td ');
var op21 = document.createElement( '/tr ');
var op31 = document.createElement( '/td ');
op.name= 't '+(aa.length-i+1);
op.type= 'file ';
op.id= 't '+(aa.length-i+1);
op2.id= 'tr '+(aa.length-i+2);
op3.id= 'td '+(aa.length-i+2);
document.getElementById( "tr1 ").appendChild(op2);
document.getElementById(op2.id).appendChild(op3);
document.getElementById(op3.id).appendChild(op);
document.getElementById(op2.id).appendChild(op31);
document.getElementById( "tr1 ").appendChild(op21);
login=1;
break
}
}
if(login==0)
{
var op = document.createElement( 'input ');
var op2 = document.createElement( 'tr ');
var op3 = document.createElement( 'td ');
var op21 = document.createElement( '/tr ');
var op31 = document.createElement( '/td ');
op.name= 't1 ';
op.type= 'file ';
op.id= 't1 ';
op2.id= 'tr2 ';
op3.id= 'td2 ';
document.getElementById( "tr1 ").appendChild(op2);
document.getElementById( "tr2 ").appendChild(op3);
document.getElementById( "td2 ").appendChild(op);
document.getElementById( "tr2 ").appendChild(op31);
document.getElementById( "tr1 ").appendChild(op21);
return false;
}
}
</script>
<table cellpadding= "1 " cellspacing= "1 " border= "1 ">
<tr id= "tr1 ">
<td id= "td1 ">
<button onclick= "addfile() "> 附件 </button>
</td>
</tr>
</table>
[解决办法]
建议放狗搜一下
[解决办法]
哥们，你不给点分我，太不够意思了！
