Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.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 - Fatal编程技术网

Jquery 键入时显示文本

Jquery 键入时显示文本,jquery,Jquery,我认为这是一个简单的一个,但我无法找到任何东西在那里,除了STO 问题是代码不起作用。我创建了一个,这样你就可以自己看了 下面是小提琴上的代码: $('#someTextBox').keyup(function() { $('#target').html(this.val()); }); 但是,我的HTML与示例略有不同: <textarea name="comment-box" id="comment-box" class="required"></textarea

我认为这是一个简单的一个,但我无法找到任何东西在那里,除了STO

问题是代码不起作用。我创建了一个,这样你就可以自己看了

下面是小提琴上的代码:

$('#someTextBox').keyup(function() {
    $('#target').html(this.val());
});
但是,我的HTML与示例略有不同:

<textarea name="comment-box" id="comment-box" class="required"></textarea>
...
<p id="comment-preview"></p>

...

我所需要的帮助就是在
“评论预览”
容器的
文本区域中显示正在键入的内容

非常感谢在这方面对我的任何帮助。

this.val()
更改为
$(this.val()

演示:


.val
是一个jQuery函数,可以从jQuery对象访问。在处理程序内部,
this
是DOM对象,因此需要使用
$()
将其包装成jQuery对象。

您可以使用
$(this.val()
this.value
,但
this.val()
不正确。

您也可以使用
.on()
尝试此代码:

$("#comment-box").keyup(function() {
    $("#comment-preview").text($(this).val());
});

示例

.text()
将只获取初始值。。您应该使用
.val
此.value
。是的,这正是我现在使用它的方式。给了你一票。谢谢,噢!示例中有一个输入错误。解释很透彻,加上工作示例,非常感谢。
$('#someTextBox').on('keyup', function(){
    $('#target').html($(this).val());
});