Question

我想创建一个简单的jQuery脚本，它将执行以下操作：

我的HTML代码包含<p>代码和<textarea>，供用户输入。
用户在<textarea> - ＆gt;中输入文字jQuery将其插入<p> （class =＆＃34; youtyped＆＃34;）标记为HTML代码。

HTML代码：

<p class="youtyped"></p>

<textarea>Please type your text here</textarea>

使用示例：用户输入＆＃34;您好＆＃34;在textarea中，HTML代码将如下所示：

<p class="youtyped">Hello</p>

提前致谢：）

Answer 1

试试这个，

$('textarea').on('keyup',function(){
    $('p.youtyped').text(this.value);
});

＆＃13;

$('textarea').on('keyup',function(){
    $('p.youtyped').text(this.value);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="youtyped"></p>

<textarea>Please type your text here</textarea>

＆＃13;

如果您想要Enter键上的值，请尝试

$('textarea').on('keyup',function(e){
    if(e.keyCode==13)
       $('p.youtyped').text(this.value);
});

＆＃13;

$('textarea').on('keyup',function(e){
    if(e.keyCode==13)
       $('p.youtyped').text(this.value);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="youtyped"></p>

<textarea>Please type your text here</textarea>

＆＃13;

Answer 2

试试这个

$('textarea').keyup(function(){
   $('p.youtyped').html($(this).val());
});

Answer 3

试试这个：

$('textarea').on('keyup',function(){
    $('p.youtyped').text($(this).val());
});

jQuery脚本，用于在textarea中用用户输入修改HTML中的<p>标签</p>

3 个答案: