Javascript 变量名到 <select name=""> [重复]

Question

我得到了这个函数和一个按钮来添加一个字段（下拉字段）现在我的问题是我如何将我的 var x = 1 传递给 选择名称 =“f_keuringsrapport_id1”，这样我每次添加下拉字段时都会生成一个不同的名称

<div class="container1">   
<button class="add_form_field">Add New Field &nbsp; </button> </div>

      $(document).ready(function() {
        var max_fields      = 10;
        var wrapper         = $(".container1");
        var add_button      = $(".add_form_field") var x = 1;
        $(add_button).click(function(e){
                e.preventDefault();
                if(x < max_fields){
                    x++;
                    $(wrapper).append('<div><select name ="f_variable_id1" [var.options;htmlconv=no]"/><a href="#" class="delete">Delete</a></div>'); //add input box
                }
                else
                    {
                    alert('You Reached the limits')
                }
        });

        $(wrapper).on("click",".delete", function(e){
                e.preventDefault(); $(this).parent('div').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