想用javascript做个动态添加input的函数,具体的要求是

输入(input填内容)后可以(input填内容)
就是1个<td>有2个input
点击添加后可以生成1个td包含2个input
求达人解答
求完整的代码,最多可以增加5个
原始的<tr><td><input type="text" name="a"><input type="text" name="b"></td></tr>

新增的<tr><td><input type="text" name="a1"><input type="text" name="b1">
<input type="butten" value="删除"></td></tr>
<tr><td><input type="text" name="a2"><input type="text" name="b2">
<input type="butten" value="删除"></td></tr>

这种效果

第1个回答  2012-07-09
话说我就看明白你最后1句了.点添加后生成一个td包含2个input
你确定是td,不是tr?
tab=document.getElementById("tableid")
td=tab.rows[0].insertCell()
td.innerHTML="<input name='i1'><input name='i2'>"追问

能给段完整的代码吗?最多可以增加5个
原始的
新增的

这种效果

本回答被提问者和网友采纳

如何用js动态给from页面增加input
var input = document.createElement('input'); \/\/创建input节点 input.setAttribute('type', 'text'); \/\/定义类型是文本输入 document.getElementById('form').appendChild(input ); \/\/添加到form中显示 <\/script> <\/body>

js 怎么利用循环添加函数?
第一种方法,利用闭包:function addfun(){ var buttonNodes = document.getElementsByTagName("input");for (var x = 0; x < buttonNodes.length; x++) { (function(x){ buttonNodes[x].onclick=function(){ alert(x);} })(x);} } 第二种方法,利用自定义属性值:function addfun()...

如何用JS实现动态加行~
<td>第三行<\/td> <\/tr> <\/table> 动态添加表行的javascript函数如下:function addRow(){ \/\/添加一行 var newTr = testTbl.insertRow();\/\/添加两列 var newTd0 = newTr.insertCell();var newTd1 = newTr.insertCell();\/\/设置列内容和属性 newTd0.innerHTML = '<input type=checkbox ...

js给动态创建的按钮添加动态事件?
你需要 document.getElementById('king' + i).onclick = function(i){return function(){document.getElementById('shipin').src = arr[i]}}(i)

怎样实现JS动态插入脚本和插入引用外部链接脚本
指的是在页面加载时不存在,但将来的某一时刻通过修改该 DOM 动态添加的脚本。和操作 HTML 元素一样。js 动态插入脚本也有两种方式:插入 JavaScript 代码和插入外部文件。一、直接插入 javascript 代码<script type="text\/javascript">function sayHi() { alert("hi");}<\/script>从逻辑上讲,下面的...

jquery 动态实现 input 的 显示和隐藏
<input type="text" name="name3" id="money1" \/> <script> (function(){ ("#money1").hide();\/\/隐藏 ("#money1").show();\/\/显示 });<\/script> 需要动态改变文本框的css样式,display属性值为block则显示,为none为隐藏。

如何用js将一个input的值放到另一个input里
用 $("#id").attr("value","你想要赋的值")然后,有两个注意点1.要引入jquery.js文件2.$("#id").attr("value","你想要赋的值")要在html加载完成之后 (function(){$("#id").attr("value","你想要赋的值");\/\/ do some thing...});...

javascript动态添加多个input,text类型。怎样为这些input添加onblur事件...
用JQuery.js库的live()方法,为这些动态添加的input绑定onblur()事件就可以了。<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"><html xmlns="http:\/\/www.w3.org\/1999\/xhtml"><head> <title><\/title>...

怎么用javaScript动态的添加一行~在图片所示的位置
你好!你的这个问题,可以使用javascript的 insertBefore函数来解决。大概的代码如下:var d = document.getElementById("xuhao");\/\/获取序号行节点,设置一个id为xuhao,便于定位var tr = document.createElement('tr'); \/\/创建行元素var td = document.createElement('td'); \/\/创建列元素td....

jquery判断input内的值变化时触发动作?
("input元素选择").bind("input propertychange",function(){ \/\/你要触发的函数内容})如果是动态添加的就要这样写 ("父级元素,必须是html里面有的").on("input propertychange","input元素选择",function(){ \/\/你要触发的函数内容})很多时候动态添加的元素无法绑定事件,就要 .on 来进行绑定...

相似回答
大家正在搜