如何在javascript中的函数内使用函数 +添加更多权重。
这里我有一个锚定标签。当用户点击锚定标签时,我调用了一个函数。也就是说如何在javascript中的函数内使用函数 +添加更多权重。,javascript,Javascript,这里我有一个锚定标签。当用户点击锚定标签时,我调用了一个函数。也就是说 <table> <tbody id="add_weight" > <tr></tr> </tbody> </table> <a onClick="maira()" >+Add more Weights.</span></a> var b=1; 函数maira() { 如果(b==10
<table>
<tbody id="add_weight" >
<tr></tr>
</tbody>
</table>
<a onClick="maira()" >+Add more Weights.</span></a>
var b=1;
函数maira()
{
如果(b==10)
{
警告(“不能添加超过10个重量比率”);
返回false;
}
var table=document.getElementById(“添加权重”)
var row=表.插入行(b);
var cell1=行插入单元格(0);
var cell2=行插入单元格(1);
cell1.innerHTML=“”;
cell2.innerHTML=“”;
b=b+1;
}
在这里,当用户单击一个新行时,会添加两个字段,即rate和flat…现在工作正常,问题是…我希望当用户在flat textbox中输入任何内容时,它应该同时出现在rate textbox中…甚至可能使用onkeyup…有人能帮我吗???您可以使用类来附加事件处理程序或者单独附加处理程序。
但是您必须使用data-attribute来存储行的索引,以便处理程序可以知道要在其中复制文本的目标元素的索引和“id”将事件处理程序附加到您的
类/id
。您可以使用任何库
或以下实用程序代码。您正在将元素附加到onkeyup
事件
<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>
这是一把供您使用的小提琴
检查此SO帖子,
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.
);