javascript - 使用 javascript 填充 html 表

Question

我正在尝试添加输入，您可以在其中为某个位置选择不同的选项。我的问题是它弄乱了表格，它只是没有看到我添加的新输入选项。如果需要，我可以列出其他文件或图片。

        var items = 0;
        function addItem() {
            items++;

            var html = "<tr>";
                html += "<td>" + items + "</td>";
                html += "<td><input type='number' name='idNumber[]'></td>";
                html += "<td><input type='text' name='itemName[]'></td>";
                html += "<td><input type='number' name='itemQuantity[]'></td>";

                html += "<td><select name='itemLocation[]' id='location'><option value="Shop" name="Shop">Shop</option></select></td>";

                html += "<td><input type='text' name='itemIndex[]'></td>";
                html += "<td><button type='button' onclick='deleteRow(this);'>Delete</button></td>"
                html += "</tr>";

只是试图将位置按钮更改为多项选择

标签： javascriptarrays

Answer 1

你的字符串中有双引号，这会破坏你的模板以避免这种错误你应该使用它完全支持的模板文字

请注意，它是反引号 (`) 而不是单引号 (')

看例子

var value = "new entry"
var tr = `
<tr>
    <td>${value}</td>
    <td>${value}</td>
    <td>${value}</td>
    <td>${value}</td>
    <td>${value}</td>
</tr>
`