如何将变量与字符串文本连接起来以显示为输入的占位符

Question

当用户点击 ID 为 add 的 link 时，我有这个脚本可以添加新的输入字段：

$(document).ready(function() {
            var i = 1;
            $('#add').click(function(){
                i++;
                $('#dyanimc-field').append("<input type='text' name='tag_name[]' value='' class='form-control' id='tagInput' placeholder='Tag name'+i>");
            });
 });

现在这工作正常并正确添加了一个新的输入字段，但我希望此输入的 placeholder 显示 i 变量的值旁边 Tag name文字。

所以输入会有这些占位符：

因此我尝试了这个 placeholder='Tag name'+i> 但这是错误的，因为它没有 return 任何 i 变量值！

那么如何将变量与字符串文本连接起来以正确显示为输入的占位符？

Answer 1

试试这个

$(document).ready(function() {
    var i = 1;
    $('#add').click(function(){
        i++;
        $('#dyanimc-field').append("<input type='text' name='tag_name[]' value='' class='form-control' id='tagInput' placeholder='Tag name " + i.toString() + "'>");
    });
});

如何将变量与字符串文本连接起来以显示为输入的占位符

How to concatenate a variable with string text for displaying as placeholder of an input

javascript

forms

jquery

input

placeholder