[]如何实现像163或新浪的按添加附件,然后弹出一个文本框的功能?


顺手抄来：)////////////////////////////////////<html>
<SCRIPT LANGUAGE="JavaScript">
<!--
    var rowCount=1; function addRow(tablename){
      tr=document.all.item(tablename).insertRow();
    cell=tr.insertCell();       // 编号
        cell.innerHTML=rowCount; cell=tr.insertCell();        rowStr="<input type='text' size="+cell.clientWidth+">"; 
        cell.innerHTML=rowStr;        rowCount=rowCount+1;
} //-->
</SCRIPT> <body>
<form name="fm">
<input type="button" value="onclick" onclick="addRow('showTable')">
</form><table width="100%" border=1 align="center" cellSpacing=0 borderColorLight=#527DB5 BorderColorDark=#ffffff ID="showTable">
  <tr>
    <td nowrap>序号</td>
    <td nowrap>值</td>
  </tr>
</table></body>
</html>

解决方案 »

  1.   

    抄了他的错误代码，不好意思：（改改：
    ////////////////////////////////////////<html>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
        var rowCount=1; function addRow(tablename){
          tr=document.all.item(tablename).insertRow();
        cell=tr.insertCell();       // 编号
            cell.innerHTML=rowCount; cell=tr.insertCell();        rowStr="<input type='text' style='width:"+cell.clientWidth+"'>"; 
            cell.innerHTML=rowStr;        rowCount=rowCount+1;
    } //-->
    </SCRIPT> <body>
    <form name="fm">
    <input type="button" value="onclick" onclick="addRow('showTable')">
    </form><table width="100%" border=1 align="center" cellSpacing=0 borderColorLight=#527DB5 BorderColorDark=#ffffff ID="showTable">
      <tr>
        <td width="40%">序号</td>
        <td width="60%">值</td>
      </tr>
    </table></body>
    </html>
      

  2.   

    <style>body,td,div,a,input{font:menu;line-height:150%}</style>
    <table cellspacing=1 cellpadding=1 border=0 width=100% id=t136>
    <tbody>
    <form method=post enctype="multipart/form-data">
    <input type=hidden name=deal value=true>
    <input type=hidden name=frmID value=22>
    <input type=hidden name=thisdir value=>
    <input type=hidden name=TID value=>
    <tr style="font-weight: bold" bgcolor=ACD0FD>
    <td colspan=2>呵呵</td></tr><tr bgcolor=EFEFD6>
    <td colspan=2><font color=000080>哈哈</font></td>
    </tr>
    <input type=hidden name=frmShowURL value=payment><input type=hidden name=ID value=><tr bgcolor=F0F0F0><td>xixi</td><td>xixi  </td></tr><tr bgcolor=F9F9F9><td>hehe</td><td><input type=text class=border_index name=newdir style='ime-mode:disabled'><font color=000080>hehe</font> </td></tr><tr bgcolor=F0F0F0><td>新图片上传</td><td><div>
    <input type=button onclick=addNew() value=增加 class=button_index><font color=000080>(按一次增加按钮就可以上传一张图片。)</font></div></td></tr><tbody></table></form>
    <script>
    var i=0,arr=new Array('F9F9F9','F0F0F0');
    function addNew(){
     tr=document.all.t136.insertRow();
     tr.style.backgroundColor=arr[i%2];
     tr.insertCell().innerText="图片"+(++i);
     tr.insertCell().innerHTML='<input type=file name=pic'+i+' class=border_index> <a href=javascript:void(0) onclick=del()>删除</a>'
    }
    function del(){
     document.all.t136.deleteRow(window.event.srcElement.parentElement.parentElement.rowIndex);
     for(i=0;i<document.all.t136.rows.length-5;i++){
      document.all.t136.rows[i+5].cells[0].innerText="图片"+(i+1);
      document.all.t136.rows[i+5].cells[1].children[0].name="pic"+(i+1);
      document.all.t136.rows[i+5].style.backgroundColor=arr[i%2];
     }
    }
    </script>