克隆后的实时填充输入
realtime filling inputs after clon
我正在学习JS,但一直在学习。http://jsfiddle.net/h7vgxewL/我想要实现的是能够更改克隆输入中的值。问题就在这里:
document.getElementById("control-II-Art-list-line1").onkeyup = function() {
document.getElementById("display-II-Art-list-line1").innerHTML = this.value;
}
如果我添加更多的字段,我需要为新行复制这些字段,比如行和输入字段,id为:
control-II-Art-list-line2
有没有办法做到这一点?请检查一下小提琴,我想你会明白我的意思的。谢谢你的建议。
使用jQuery和事件委派将是微不足道的。委托的事件侦听器适用于将来添加的元素:
$('form').on('keyup', 'input', function(){
$('#' + this.id.replace("control-", "display-")).html( this.value );
});
http://jsfiddle.net/h7vgxewL/3/
或者,在香草JS:
document.forms[0].addEventListener('keyup', function(e){
var targetid, targetElement;
if(e.target.id){
targetid = e.target.id.replace("control-", "display-");
targetElement = document.getElementById( targetid );
if( targetElement ){
targetElement.innerHTML = e.target.value;
}
}
});
http://jsfiddle.net/dd0w7skz/
相关文章:
- 从确认框中预填充输入文本框
- 点击填充输入的按钮&提交
- 如何自动填充输入文本框值以与名称相同
- 使用 JSON 数组填充输入字段
- 使用 Jquery 在 SharePoint 2007 上自动填充输入文本
- 如何使用Javascript填充输入文本字段
- IE JavaScript参数和填充输入字段
- 使用其他输入值自动填充输入
- 在表单提交中填充输入字段
- AngularJS-用下拉菜单填充输入文本字段
- 如何使用选中的复选框文本自动填充输入文本字段
- 如果选择'其他'然后填充输入字段
- casperjs根据他的xpath填充输入
- Shiny中未读取的自动填充输入
- Javascript复选框填充输入并将不同的值传递给表单
- 壁虎浏览器不会在加载时填充输入
- 用网址图像填充输入
- 单击用文本填充输入框
- 如何使用 Javascript 动态加载 iFrame 源代码和自动填充输入表单
- 如何用数据库中的值填充输入文本字段 单击复选框