Javascript变量名称为<select name =“”>

Question

我有这个功能和一个按钮添加一个字段（下拉字段）现在我的问题是我怎么能把我的var x = 1传递给 select name =＆＃34; f_keuringsrapport_id1＆＃34;所以我每次添加一个下拉字段时都会生成一个不同的名称 ＆lt; div class =＆＃34; container1＆＃34;＆gt; ＆lt; button class =＆＃34; add_form_field＆＃34;＆gt;添加新字段＆amp; nbsp; ＆LT; /按钮＆GT; ＆LT; / DIV＆GT;       $（document）.ready（function（）{         var max_fields = 10;         var wrapper = $（＆＃34; .container1＆＃34;）;         var add_button = $（＆＃34; .add_form_field＆＃34;）var x = 1;         $（ADD_BUTTON）。点击（函数（E）{                 e.preventDefault（）;                 if（x＆lt; max_fields）{                     X ++;                     $（包装）.append（＆＃39;＆lt; div＆gt;＆lt;选择名称=＆＃34; f_variable_id1＆＃34; [var.options; htmlconv = no]＆＃34; /＆gt;＆lt; a href =＆ ＃34;＃＆＃34; class =＆＃34;删除＆＃34;＆gt;删除＆lt; / a＆gt;＆lt; / div＆gt;＆＃39;）; //添加输入框                 }                 其他                     {                     提醒（＆＃39;你达到了极限＆＃39;）                 }         }）;         $（包装）.on（＆＃34;点击＆＃34;，＆＃34; .delete＆＃34;，功能（e）{                 e.preventDefault（）; $（本）.parent（＆＃39; DIV＆＃39;）。remove（）方法; X - ;         }） }）;` 谢谢

Answer 1

您可以使用es6 template literals来实现此目的。像下面的东西

 $(wrapper).append(`<div><select name ="f_keuringsrapport_id${x}" [var.materiaaloptions;htmlconv=no]"/><a href="#" class="delete">Delete</a></div>`); //add input box