程序博客网 > java 企业短信平台

JSP动态添加和删除表格中的行与列

来源：互联网发布：java 企业短信平台编辑：程序博客网时间：2024/04/30 02:05

<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>Insert title here</title>
<script>
        function addRow(obj)
        {
        var newTr = testTbl.insertRow();

        var newTd0 = newTr.insertCell();

        var newTd1 = newTr.insertCell();
        var newTd2 = newTr.insertCell();

        newTd0.innerHTML = '<input type="text" name="test1">';
        newTd1.innerHTML= '<input type="button" onclick="DelRowNew(this);" value="-">';
        newTd2.innerHTML= '<input type="button" onclick="addRow(this);" value="+">';

        }
        function test(){

        var test1 = document.getElementsByName("test1");
        alert(test1.length);

        }
        function DelRowNew(r){
        var i=r.parentNode.parentNode.rowIndex;
        document.getElementById('testTbl').deleteRow(i);
        }

</script>
</head>

    <body>
        <table id="testTbl">
            <tr id="tr1">
                <td ><input type="text" name="test1"></td>
                <td id="b"><input id = "inputb" type="button" onclick="DelRowNew(this);" value="-"></td>
                <td id="b"><input id = "inputb" type="button" onclick="addRow(this);" value="+"></td>

            </tr>

        </table>

<input type="button" onclick="test();" value="test">
</body>

</html>

java 企业短信平台

java 企业短信平台

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子武当山景区附近住宿武当山有什么好玩的武当山的门票多少钱武当山太极会馆房价古武当山门票多少钱武当山景区住宿攻略武当山太极会馆电话武当山琼台宾馆电话武当山门票团购价格武当山琼台宾馆预订武当山旅游住宿攻略武当山在湖北什么地方五当山武当图片太和山武当山特区武当山民宿武当迷踪拳武当拳武当派历代掌门一览表金庸群侠传3武当派攻略武当派武术金庸群侠传x武当派攻略金庸群侠传3加强版武当派攻略金庸群侠传3加强版武当派西安汉文武德青年旅舍武德训武志红武志红作品武志红的书武志红心理学网为什么学校里不推荐武志红武忠祥武惠妃武惠妃大腿大肚高高武成王狂武战尊武战苍穹星武战帝胡蔓武战无弹窗阅读战武主宰