在 append() 中将 Javascript 变量传递给 HTML 代码

Posted 2023-05-09

【中文标题】在 append() 中将 Javascript 变量传递给 HTML 代码

【英文标题】：Pass Javascript Variable to HTML Code inside append()

【发布时间】：2020-01-28 18:20:35

【问题描述】：

我想将一个变量传递给我要附加的 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="">');
     
)

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

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

【问题讨论】：

使用 $max 代替 $max

模板文字不应该使用反引号，而不是撇号吗？

@MasoodAslami 没用...

【参考方案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="">'));

【参考方案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);
     
)