Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用jQuery实现可重用的实时显示_Jquery_Data Binding_Real Time - Fatal编程技术网

用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始终

我试图根据使用jQuery实时输入到输入字段中的数据更新一些文本字段。我已经得到了一个粗略的例子,但它不是很可重用的,因为它需要为每个输入创建一个函数。我希望有一种更具活力/效率的方式来完成同样的任务

$('#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);})