Question

我想将变量传递给要附加的html代码：

var max = 1;    
$(wraper).on("click", ".add_field_button", function(e){ //on add input click
   e.preventDefault();
   if(max < max_fields){ //max input box allowed
     max++;
     console.log(max); // max now is equal to 2
     $(wrapper).append('<input id="street" name="street[{{$max}}]" class="form-control" type="text" placeholder="" value="">');
     }
})

我不想在输入的html代码中使用$ max，而是要使用max js变量的值，这样我就可以得到street [2]

关于如何仅将变量传递给append（）而不是HTML代码中的变量，我见过很多解决方案...

Answer 1

$(wrapper).append('<input id="street" name="street[' + max + ']" class="form-control" type="text" placeholder="" value="">');

或

$(wrapper).append(concat('<input id="street" name="street[', max, ']" class="form-control" type="text" placeholder="" value="">'));

Answer 2

尝试一下

var max = 1;    
$(wraper).on("click", ".add_field_button", function(e){ //on add input click
   e.preventDefault();
   if(max < max_fields){ //max input box allowed
     max++;
     console.log(max); // max now is equal to 2
    var $el = $("#street");
    $el.attr("name", 'street' + max);
     }
})

将Javascript变量传递给append（）中的HTML代码

2 个答案: