Javascript 变量名改为 <select name="">

Question

我得到了这个功能和一个添加字段（下拉字段）的按钮，现在我的问题是如何将我的 var x = 1 传递给 select name ="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

Javascript 变量名改为 <select name="">

Javascript variable name to <select name="">

javascript

variables

add