<table>
<tbody id="add_weight" >
<tr></tr>
</tbody>
</table>
<a onClick="maira()" >+Add more Weights.</span></a>
这里我有一个锚标记..我调用了一个函数,当用户点击锚时,tag..that是
<script type="text/javascript">
var b=1;
function maira()
{
if(b==10)
{
alert("can't Add more than 10 Weight Rates");
return false;
}
var table=document.getElementById("add_weight")
var row=table.insertRow(b);
var cell1=row.insertCell(0);
var cell2=row.insertCell(1);
cell1.innerHTML="<input type='text' id='rate"+b+"' name='rate"+b+"' onkeyup='alert(hi)'/>";
cell2.innerHTML="<input type='text' id='flat"+b+"' name='flat"+b+"' />";
b=b+1;
}
</script>
在这里,当用户单击新行时,会添加两个字段,即rate和flat....this现在工作正常,问题是...我希望当用户在平面文本框中输入任何内容时,它应该同时出现在rate textbox...probably中,使用onkeyup even...can,有人能帮我吗??
发布于 2014-04-28 06:30:18
可以使用类来附加事件处理程序或单独附加处理程序。但是您必须使用data- attribute来存储行的索引,以便处理程序可以知道要将文本复制到其中的目标元素的索引和“id
发布于 2014-04-28 06:37:08
将事件处理程序附加到class/id
。您可以使用任何libraries
或以下的实用程序代码。您正在将元素attaching
到onkeyup
事件。
function addEvent(element, evnt, funct){
if (element.attachEvent)
return element.attachEvent('on'+evnt, funct);
else
return element.addEventListener(evnt, funct, false);
}
// example
addEvent(
document.getElementById('myElement'),
'keyup',
function () { alert('hi!'); } // update your other text field value.
);
这是一个可以工作的fiddle
。
https://stackoverflow.com/questions/23333732
复制