文档章节

js 动态添加input代码

Mr韦淋
 Mr韦淋
发布于 2014/06/08 10:18
字数 102
阅读 17
收藏 0
<script type="text/javascript" language="javascript">

 function newNode(thisid,thisname) {  
    //得到当前出入的个数
    var thislength=document.getElementById(thisid).getElementsByTagName('li').length;
 
    if(thislength<=5){//最多有6个input
 
     var olElement = document.getElementById(thisid);  
     var liElement = document.createElement('li');  
    
     var inputElement = document.createElement('input');  
     inputElement.type = "text";  
     inputElement.name = thisname;  
    
     liElement.appendChild(inputElement);  
     olElement.appendChild(liElement);  
     
    }
   }
   
</script>
html部分代码
<ul id="qqs"><li><input type="text" name="qq[]" ></li></ul>    <span style="color:#0F0; cursor:pointer; font-size:20px; font-weight:bold" onclick="javascript:newNode('qqs','qq[]')"  onmouseover="this.style.color='#0000FF'" onmouseout="this.style.color='#00FF00'">⊕</span>

 

本文转载自:http://www.cnblogs.com/hzdx/p/3660188.html

共有 人打赏支持
Mr韦淋
粉丝 2
博文 80
码字总数 23114
作品 0
江门
高级程序员
IE与Firefox的几个javascript兼容问题及解决

项目中遇到的问题 javascript动态创建页面元素 代码: var hName=document.createElement("<input type='hidden' name='midNames'>"); ie下能正常执行,Firefox下执行不了 解决办法: var h ...

Leonard207
2013/03/13
0
0
JQuery中操作Css样式的方法

获取和设置样式 追加样式 移除样式 切换类名 判断是否含有某项样式 获取css样式中的样式 设置单个样式 设置多个样式 offset()方法 它的作用是获取元素在当前视窗的相对偏移,其中返回对象包含...

Bery
2017/10/20
0
0
input搜索下拉提示框,支持拼音检索、过滤、级联、自定义数据源的ajax异步下拉展示

为解决大数据量下拉字典效率及操作问题,整理出通用的数据字典模块,所有字典数据可在数据库维护,在大数据量时采用分页下拉的展示方式,同时支持拼音简拼搜索,代码项、代码值搜索等,支持无...

神话无名
06/07
0
0
JavaScript的self和this使用小结

一、self   这个非常简单。我们知道,打开任何一个网页,浏览器会首先创建一个窗口,这个窗口就是一个window对象,也是js运行所依附的全局环境对象和全局作用域对象。self 指窗口本身,它返...

new个对象
05/07
0
0
JavaScript 基础--- (对象)

1、js的String对象 创建String对象 var str = "abc"; 方法和属性(文档) ** 属性 length:字符串的长度 *** 方法 (1)与html相关的方法 - bold():加粗 - fontcolor(): 设置字符串的颜色 ...

姜白告
07/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周四乱弹 —— 毒蛇当辣条

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @ 达尔文:分享花澤香菜/前野智昭/小野大輔/井上喜久子的单曲《ミッション! 健?康?第?イチ》 《ミッション! 健?康?第?イチ》- 花澤香菜/前野智...

小小编辑
45分钟前
4
0
java -jar运行内存设置

java -Xms64m #JVM启动时的初始堆大小 -Xmx128m #最大堆大小 -Xmn64m #年轻代的大小,其余的空间是老年代 -XX:MaxMetaspaceSize=128m # -XX:CompressedClassSpaceSize=6...

李玉长
56分钟前
1
0
Spring | 手把手教你SSM最优雅的整合方式

HEY 本节主要内容为:基于Spring从0到1搭建一个web工程,适合初学者,Java初级开发者。欢迎与我交流。 MODULE 新建一个Maven工程。 不论你是什么工具,选这个就可以了,然后next,直至finis...

冯文议
今天
1
0
RxJS的另外四种实现方式(四)——性能最高的库(续)

接上一篇RxJS的另外四种实现方式(三)——性能最高的库 上一篇文章我展示了这个最高性能库的实现方法。下面我介绍一下这个性能提升的秘密。 首先,为了弄清楚Most库究竟为何如此快,我必须借...

一个灰
今天
1
0
麒麟AI首席科学家现世

8月31日,华为发布了新一代顶级人工智能手机芯片麒麟980,成为全球首款7nm工艺手机芯片,AI方面也实现飞跃,支持人脸识别、物体识别、物体检测、图像分割、智能翻译等。 虽然如今人人都在热议...

问题终结者
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部