SyntaxError:缺少；html select标记中的before语句

Question

我有以下java脚本：

 var i = 2;
            $(".addmore").on('click', function () {
                count = $('table tr').length;
                var data = "<tr><td><input type='checkbox' class='case'/></td><td><span id='snum" + i + "'>" + count + ".</span></td>";
                data += "\n\\n\
            <td><select><?php foreach($commodity_name as $value){?><option><?php echo $value['commodity_name']; ?></option><?php }?></select></td>\n\
             <td><input type='text' id='commodity_type" + i + "' name='commodity_type[]'/></td><td><input type='text' id='unit_per_pack" + i + "' name='unit_per_pack[]'/></td><td><input type='text' id='no_of_units" + i + "' name='no_of_units[]'/></td><td><input type='text' id='total_quantity" + i + "' name='total_quantity[]'/></td></tr>";
                $('table').append(data);
                i++;
            });

它应该填充并自动生成一个dropdown，但我一直收到以下错误：

SyntaxError:缺少；在语句之前

...on>CREPE创可贴2“DOZENSCREPE创可贴4”DOZ

我认为这是因为在数据库数据中使用了以下字符‘或“。有什么方法可以绕过这些字符吗？

Answer 1

请确保，在变量中赋值字符串时，在JS中编码时不能使用空行，另一方面，如果要添加html的新行，请使用br。

如下所示的内容

var data = "<tr><td><input type='checkbox' class='case'/></td><td><span id='snum" + i + "'>" + count + ".</span></td>";
data += "<td><select><?php foreach($commodity_name as $value){?><option><?php echo $value['commodity_name']; ?></option><?php }?></select></td>";
data += "<td><input type='text' id='commodity_type" + i + "' name='commodity_type[]'/></td>";
data += "<td><input type='text' id='unit_per_pack" + i + "' name='unit_per_pack[]'/></td>";
data += "<td><input type='text' id='no_of_units" + i + "' name='no_of_units[]'/></td>";
data += "<td><input type='text' id='total_quantity" + i + "' name='total_quantity[]'/></td></tr>";