,可以通过以下步骤实现:
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<div id="myDiv"></div>
<textarea id="myTextarea"></textarea>
$(document).ready(function() {
$('#myTextarea').on('input', function() {
var text = $(this).val(); // 获取文本区的值
$('#myDiv').append('<p>' + text + '</p>'); // 将新值追加到div中的行中
});
});
在上述代码中,通过$(document).ready()
函数确保页面加载完成后再执行代码。$('#myTextarea')
选中了id为"myTextarea"的文本区元素,并使用.on('input', function() { ... })
监听了其值的变化事件。在事件处理函数中,通过$(this).val()
获取文本区的值,并使用$('#myDiv').append('<p>' + text + '</p>')
将新值追加到id为"myDiv"的div元素中的行中。
这样,每当文本区的值发生变化时,都会将新值追加到div中的行中。
推荐的腾讯云相关产品:无
以上是关于使用jQuery向div中的行追加文本区的值的完善且全面的答案。
领取专属 10元无门槛券
手把手带您无忧上云