js动态添加表单实例

18,699次阅读
没有评论

共计 1190 个字符,预计需要花费 3 分钟才能阅读完成。

     前段时间因为域名关系网站停了一段时间。别的不多说了,我前端结合 php 做一个批量建栏目的模块,用到这个 js 效果
. 今天拿出来和大家一起分享一下。看一下效果图:

点击查看原图

 

对了下点,这个添加 input 动态添加 name 也是可设成不同有,我用的是“text”+(1-100) 之间的随机数字。最好就循环。这个好控制一下。

下面看一下 HTML 代码部分:

 无标题页   
  
  
  

再看一下 javascript:

 

这里主要用了 dom 的创建节点和创建节点属性、删除节点的函数。

document.createElement(
“input”
);  // 创建 input 标签

setAttribute(“type”
,
“text”
);//

创建属性

con.removeChild(input[inputnu-1])  // 删除节点

主要是这几个,别的大家可以看一下,反正很简单下面看一下 DEMO

Demo:js 动态添加表单

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-09-12发表,共计1190字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)