在將變量轉換為javascript生成的輸入時遇到問題

Question

因此，我嘗試使用Javascript生成輸入表單，以便可以在同一輸入框中添加多行。

var color_form = document.getElementById('color_form');
var create = document.createElement('input');
create.setAttribute('method', 'post');
create.setAttribute('name', "\"red[" + i + "]");
create.setAttribute('class', 'color_entry');
create.setAttribute('placeholder', 'red');
color_form.appendChild(create); //Append red value to color_form

我嘗試添加另一個結尾引號並將其省略，但有時它會完全省略該形式，有時它會給我這個

<input class="color_entry" method="post" name=""red[" + i + "]"" placeholder="red"></input>

有人可以指出我在這里做錯了什么嗎？

Answer 1

create.setAttribute('name', "\"red[" + i + "]");

應該

create.setAttribute('name', "red[" + i + "]");

無需逃脫。

Answer 2

不知道為什么要在name屬性中轉義引號：

create.setAttribute('name', "red[" + i + "]");