专题1234导航

js点击事件,如何实现点击添加一行并赋给每一行不同的ID

来源:互联网
发表时间:2017/4/19 18:26:58
责任编辑:王亮
字体:

为了帮助网友解决“js点击事件,如何实现点击添加一行并赋给每一行不同的ID”相关的问题,学网通过互联网对“js点击事件,如何实现点击添加一行并赋给每一行不同的ID”相关的解决方案进行了整理,用户详细问题包括:javascriptjqueryhtml

 $("#addTable").click(function () {
               
                var tr = "<tr>";
                tr += "<td><input id=\"Name_0"+a+"\" type=\"text\"></td>";
                tr += "<td> <select id=\"Gender_0" + a + "\"><option value=\"男\">男</option><option value=\"女\" >女</option></td>";
                tr += "<td><input id=\"Birthday_0" + a + "\" type=\"text\"  class=\"Wdate\" onclick=\"WdatePicker({ dateFmt: 'yyyy/MM/dd' })\" style=\"cursor: pointer;\"></td>";
                tr += "<td><input id=\"HuKouXingZhi__0" + a + "\" type=\"text\"></td>";
                tr += "<td><input id=\"ZiNvShuXing_0" + a + "\"  type=\"text\"></td>";
                tr += "<td><input  id=\"ZhengCe_0" + a + "\" type=\"text\"></td>";
                tr += "<td><input id=\"ZhengCeLeiXing_0" + a + "\" type=\"text\"></td>";
                tr += "</tr>";
                $("#addChidren").append(tr);
            });

    <button type="button" value="增加" id="addTable">子女情况+</button>
                        <table id="addChidren" class="addChidren" border="0" cellpadding="0" cellspacing="1">
                            <tr id="trTop">
                                <th>姓名</th>
                                <th>性别</th>
                                <th>出生年月</th>
                                <th>户籍性质</th>
                                <th>子女属性</th>
                                <th>符合何种政策</th>
                                <th>符合政策类型</th>
                            </tr>
                        </table>


我想要的是点击子女情况时添加一行文本矿,然后再点击的时候再添加一行(已实现),然后怎样使每一行的ID不同。,具体解决方案如下:

解决方案1:
已经实现了,谢谢

解决方案2:

引用 1 楼 qq_33557980 的回复:
已经实现了,谢谢

 var table = document.getElementById('addChidren');
                 var rows = table.rows.length;

解决方案3:

var a = 0; 
$("#addTable").click(function () {
                a++;
                var tr = "<tr>";
                tr += "<td><input id=\"Name_0"+a+"\" type=\"text\"></td>";
                tr += "<td> <select id=\"Gender_0" + a + "\"><option value=\"男\">男</option><option value=\"女\" >女</option></td>";
                tr += "<td><input id=\"Birthday_0" + a + "\" type=\"text\"  class=\"Wdate\" onclick=\"WdatePicker({ dateFmt: 'yyyy/MM/dd' })\" style=\"cursor: pointer;\"></td>";
                tr += "<td><input id=\"HuKouXingZhi__0" + a + "\" type=\"text\"></td>";
                tr += "<td><input id=\"ZiNvShuXing_0" + a + "\"  type=\"text\"></td>";
                tr += "<td><input  id=\"ZhengCe_0" + a + "\" type=\"text\"></td>";
                tr += "<td><input id=\"ZhengCeLeiXing_0" + a + "\" type=\"text\"></td>";
                tr += "</tr>";
                $("#addChidren").append(tr);
            });


你自己不是写了个变量a么,,每次加1不就完了。

解决方案4:

引用 3 楼 functionsub 的回复:
var a = 0; 
$("#addTable").click(function () {
                a++;
                var tr = "<tr>";
                tr += "<td><input id=\"Name_0"+a+"\" type=\"text\"></td>";
                tr += "<td> <select id=\"Gender_0" + a + "\"><option value=\"男\">男</option><option value=\"女\" >女</option></td>";
                tr += "<td><input id=\"Birthday_0" + a + "\" type=\"text\"  class=\"Wdate\" onclick=\"WdatePicker({ dateFmt: 'yyyy/MM/dd' })\" style=\"cursor: pointer;\"></td>";
                tr += "<td><input id=\"HuKouXingZhi__0" + a + "\" type=\"text\"></td>";
                tr += "<td><input id=\"ZiNvShuXing_0" + a + "\"  type=\"text\"></td>";
                tr += "<td><input  id=\"ZhengCe_0" + a + "\" type=\"text\"></td>";
                tr += "<td><input id=\"ZhengCeLeiXing_0" + a + "\" type=\"text\"></td>";
                tr += "</tr>";
                $("#addChidren").append(tr);
            });


你自己不是写了个变量a么,,每次加1不就完了。

刚我把a定义到了里面,实现不了。

www.xue163.com true http://www.xue163.com/588880/39215/392157955.html report 11027 js点击事件,如何实现点击添加一行并赋给每一行不同的ID:解决方案1:已经实现了,谢谢解决方案2:引用 1 楼 qq_33557980 的回复:已经实现了,谢谢 var table = document.getElementById('addChidren');                 var ro...
相关信息
最近关注
首页推荐
热门图片
最新添加资讯
24小时热门资讯
精彩资讯
精彩推荐
热点推荐
真视界
精彩图片
社区精粹
关于本站 | 广告服务 | 手机版 | 商务合作 | 免责申明 | 招聘信息 | 联系我们
Copyright © 2004-2016 Xue163.com All Rights Reserved. 学网 版权所有
京ICP备10044368号-1 京公网安备11010802011102号