js 单引号嵌套双引号报错？

Posted 2023-03-28

外面定义了tr_id，value,这里一直报错，加不加转译都不行。
+ '<div><select id="select_'+tr_id+'" style="width:150px" onchange="productChange(this.options[this.options.selectedIndex].value,\"'+tr_id+'\");"><option value="1">1</option><option value="2">2</option></select></div>'

最外层如果是单引号的话，这个表示的是这一大段字符串，里边无论怎么引用字符串都要用双引号，以作为区分，并且引号不能有头无尾。就比如说你第一行的"select_"，双引号就是有头没尾的，肯定报错，而且你错的地方还很多。
如果你觉得这样字符串拼接对你有难度，你可以看一下es6的字符串拼接，这个很简单。 参考技术A '<div>' +
'<select id="select_'+tr_id+'" style="width:150px" onchange="productChange(this.options[this.options.selectedIndex].value,'+tr_id+');">' +
'<option value="1">1</option>' +
'<option value="2">2</option>' +
'</select>' +
'</div>';
productChange（）这个函数如果是两个参数那这样应该可以， 参考技术B 你好！
问题出在this.options取值的拼接上。

希望对你有帮助！