Javascript 如何制作预览布局，显示在多个文本字段中输入的文本

我设计了一个添加/删除文本字段功能。我可以成功添加/删除文本字段。 现在，我正在尝试创建在每个文本字段中添加的值的预览。所以每当我在textfield中添加一个字符时，它应该在textfield中反映不同行中的每个值。 我尝试了以下代码，但这只适用于第一个文本字段，而不适用于其余的文本字段

$( document ).ready(function()
        {
            $(".row").find('input:text').keyup(function()
            {
                var word=$(this).val();
                alert(word);
                $(".word_preview").html(word);
                return false;
            });
        });

下面是我为更好地理解而创建的。在小提琴中，您可以看到警报仅适用于第一个文本字段。

您可以尝试此方法

$(document).ready(function(){
    $('body').on("keyup",".row input[type='text']", function(){
        var word=$(this).val();
        alert(word);
        $(".word_preview").html(word);
                return false;
    });
});

---

您所做的是正确的，但是当我键入第二个文本框时，第一个文本框的内容消失了。我想保留这两个文本字段的内容，我会再试一次。但如果您提交此文件，它将变为空白