Naming an element inside javascript

Question

I want the select name array keys have a quotations inside. But this one doesn't generate quotations inside the brackets. How can I achieve it?

var id = "test";
var element = "<select name = 'unit_id["+id+"]' class = 'form-control'></select>";

Answer 1

You can use Template literals which is more cleaner. This does not require string concatenation and character escaping:

var id = "test";
var element = `<select name = 'unit_id["${id}"]' class = 'form-control'></select>`;
console.log(element)

Answer 2

Like this:

var id = "test";
var elemnt = "<select name=\"unit_id['" + id + "']\" class=\"form-control\"></select>";