javascript增加一行

来源:互联网 发布:alphago知乎 编辑:程序博客网 时间:2024/05/23 18:59

 <formname="xx"action="<c:urlvalue='/Up3Servlet'/>"method="post"enctype="multipart/form-data">

    <tableid="tb"border="1">

    <tr>

        <td>

            File

        </td>

        <td>

            <input type="file"name="file">

            <button onclick="_del(this);">删除</button>

        </td>

    </tr>

    </table>

    <br/>

    <inputtype="button"onclick="_submit();"value="上传">

    <inputonclick="_add();"type="button"value="增加">

    </form>


 <scripttype="text/javascript">

    function _add(){

           var tb = document.getElementById("tb");

          //写入一行

           var tr=tb.insertRow();

         //写入一列

          var td=tr.insertCell();      

        //写入数据

        td.innerHTML="File";

       //再声明一个新的td

       vartd2 = tr.insertCell();

        //写入一个input

        td2.innerHTML='<input type="file"name="file"/><button onclick="_del(this);">删除</button>';

}

   function_del(btn){

        var tr =btn.parentNode.parentNode;

        //获取trtable中的下标

       varindex = tr.rowIndex;

        //删除

       vartb = document.getElementById("tb");

        tb.deleteRow(index);

    }


function _submit(){

        //遍历所的有文件

       varfiles = document.getElementsByName("file");

        if(files.length==0){

           alert("没有可以上传的文件");

           return false;

        }

        for(vari=0;i<files.length;i++){

           if(files[i].value==""){

               alert(""+(i+1)+"个文件不能为空");

              return false;

           }

        }

       document.forms['xx'].submit();

    }



</script>

0 0
原创粉丝点击