Question

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

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

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

Answer 1

你可以试试这个

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

<强> FIDDLE DEMO

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

1 个答案: