如何在多个输入字段上使用jquery keyup？

debugcn 发表于 Dev

安德烈亚斯（Andreas）

我正在尝试将多个输入字段的值输出到单个div中。但是我根本无法正常工作。一次只会将一个输入字段输出到div中。

这是我的jQuery：

var $output = $('#output-content-here');
  $('input').keypress( function() {
  $($output).text(this.value);
});

我做了一个jsiddle来告诉你我的意思：http : //jsfiddle.net/A7UbK/1/

谢谢。

肖纳克D

尝试使用以下代码 .map()

var $output = $('#output-content-here');

$('input').keyup(function () {
    $output.html(function () {
        return $('input').map(function () {
            return this.value
        }).get();
    })
});

演示版

注意：$output已经包含jQuery对象。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。

编辑于2021-06-8

我来说两句

0条评论

登录后参与评论

来自分类Dev

使用jquery keyup获取不同输入字段的值

来自分类Dev

多个覆盖的“ keyup”事件

来自分类Dev

延迟jquery keyup？

来自分类Dev

JQuery keyup() 不触发

来自分类Dev

jQuery：如何创建输入/删除（keyup 事件）

来自分类Dev

在keyup上输入字段值，也可以手动输入

来自分类Dev

如何使用keyup计算onchange

来自分类Dev

如何使用keyup计算onchange

来自分类Dev

如何使用 jQuery 验证插件在 keyup 上验证非表单元素中的输入

来自分类Dev

无法收听克隆的 keyup 输入

来自分类Dev

jQuery：'如果.change（）和.keyup（）'

来自分类Dev

jQuery keyup事件未触发

来自分类Dev

jQuery：移动设备的keyup事件

来自分类Dev

jQuery，keyup事件未触发

来自分类Dev

页面加载时的jQuery keyup

来自分类Dev

替换jQuery click to Keyup事件

来自分类Dev

jQuery keyup动态生成的div

来自分类Dev

Jquery keyup 无法正常工作

来自分类Dev

从多个字段的keyup调用jQuery函数的最佳方法？

来自分类Dev

如何从Excel捕获KeyUp事件

来自分类Dev

如何根据keyup统计单词

来自分类Dev

jQuery keyup检测输入中的粘贴文本

来自分类Dev

jQuery keyup事件滞后于用户输入

来自分类Dev

Javascript / Jquery验证keyup上的十进制输入

来自分类Dev

使用keyup事件求和字段值

来自分类Dev

jQuery.abort（）在keyup事件上

来自分类Dev

jquery上keyup一次

来自分类Dev

'keyup' 上的 Jquery 没有绑定

来自分类Dev

如何在Ember文本字段中对keyUp调用操作

Related 相关文章

文章