用jQuery实现可重用的实时显示
我试图根据使用jQuery实时输入到输入字段中的数据更新一些文本字段。我已经得到了一个粗略的例子,但它不是很可重用的,因为它需要为每个输入创建一个函数。我希望有一种更具活力/效率的方式来完成同样的任务用jQuery实现可重用的实时显示,jquery,data-binding,real-time,Jquery,Data Binding,Real Time,我试图根据使用jQuery实时输入到输入字段中的数据更新一些文本字段。我已经得到了一个粗略的例子,但它不是很可重用的,因为它需要为每个输入创建一个函数。我希望有一种更具活力/效率的方式来完成同样的任务 $('#name').keyup(函数(){ $('#label name').text($(this.val()); }); $(“#地址”).keyup(函数(){ $('#标签地址').text($(this.val()); }); -- 国家1 国家2 如果您可以保证id始终
$('#name').keyup(函数(){
$('#label name').text($(this.val());
});
$(“#地址”).keyup(函数(){
$('#标签地址').text($(this.val());
});代码>
--
国家1
国家2
如果您可以保证id
始终如您所示相关,您可以向输入中添加一个类并执行以下操作:
$('.input').keyup(function () {
$('#label-' + this.id).text(this.value);
});
在没有特定选择器的情况下,如何定位元素?“实时更新”。如果你想使用node.js
,你需要sockets
,long polling
或者node.js
,这取决于你的服务器设置,如果你不想使用node.js
的话,我的说法很不恰当。我成功实现这一点的方式要求为每个单独的输入创建一个新函数。那似乎效率不高。哦,我明白了。给输入一个类,并执行('keyup',function(){$('#label-'+this.id).text(this.value);})代码>