动态添加的input怎么设置不同的name值?

「已注销」 2018-06-13 01:36:44
如图:每次点击按钮添加一组input,怎么给新添加的input设置不同的name值?怎么快速获取input组的值?
类似这样:
第一组name值【name1,post1,link1】
第二组name值【name2,post2,link2】...

input组是拼接的:

$("#addperson").on("click",function () {
$("#person").after(
'<div class="layui-form-item layui-inline">'+
'<label class="layui-form-label" style="color: white;">人物信息:</label>'+
'<div class="layui-input-inline">'+
'<input type="text" placeholder="姓名" autocomplete="off" class="layui-input"/>'+
'</div><div class="layui-input-inline">'+
'<input type="text" placeholder="职位" autocomplete="off" class="layui-input">'+
'</div><div class="layui-input-inline">'+
'<input type="text" placeholder="相关链接" autocomplete="off" class="layui-input">'+
'</div><div class="layui-input-inline">'+
'<a class="layui-btn layui-btn-normal" onclick="delectList(this)"><i class="layui-icon" style="font-size: 17px">ဆ</i></a>'+
'</div></div>'
);
});

...全文
764 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
frank_577 2019-05-18
  • 打赏
  • 举报
回复
十分感谢,虽然思路一样,就是放在input里的写法总是不对,用了这个就对了
丰云 2018-06-13
  • 打赏
  • 举报
回复

        var idx = 1;
        $("#addperson").on("click",function () {
            $("#person").after(
                '<div class="layui-form-item layui-inline">'+
                '<label class="layui-form-label" style="color: white;">人物信息:</label>'+
                '<div class="layui-input-inline">'+
                '<input type="text" name="name' + idx + '" placeholder="姓名"  autocomplete="off" class="layui-input"/>'+
                '</div><div class="layui-input-inline">'+
                '<input type="text" name="post' + idx + '" placeholder="职位" autocomplete="off" class="layui-input">'+
                '</div><div class="layui-input-inline">'+
                '<input type="text" name="link' + idx + '" placeholder="相关链接" autocomplete="off" class="layui-input">'+
                '</div><div class="layui-input-inline">'+
                '<a class="layui-btn layui-btn-normal" onclick="delectList(this)"><i class="layui-icon" style="font-size: 17px">ဆ</i></a>'+
                '</div></div>'
            );
            idx+=1;
        });

87,916

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧