Question

我怎样才能创建一个新的html div（不是另一个输入框），它使用javascript显示textarea中编辑过的文本版本？

我希望编辑后的版本将“red”替换为“r”。每次用户在文本框中输入更多文本时，是否有更新已编辑div的方法？这是我的textarea。

<!--text box-->
<form name=sentence>
<textarea class="sentencebox" id="sentence" placeholder="Enter the sentence here." wrap="soft" style="width:300px; resize:none; border:none;">
</textarea><br>
</form>

如果有人想出一种让新的“r”显示为红色的方法，请提前感谢并获得奖励！

Answer 1

你可以使用纯JS或jQuery，这里是quick example - jsFiddle

$('#sentence').on('keyup',function(){

    // here you can update your div
    $('#myDiv').text($('#sentence').val());
});

并将'red'替换为'r'

$('#sentence').val().replace('red','r')

如何在另一个div中显示textarea输入的更改版本？

1 个答案: