js中嵌入jsp(html)代码的双引号转换问题--事件没反应

Posted 2020-09-27 衣兜里

下面是一段今天遇到问题的代码，select中写了onchange事件 ，在没有加转义的情况下，F12解析的代码是错乱的，双引号与内容中写的不一致，还会有空格出现，经过一段时间的摸索，发现在出错的地方加上转义就可以了（主要是在引号的前方），下面是好用的代码，可以进行参考。

"<center><select id=‘hylb1Mod1‘ name=‘hylb1‘ class=‘selectpicker show-tick‘ onchange=\"changeHylb1(this.value,‘#hylb2Mod1‘,‘#hylb3Mod1‘);\"></select>"
+ ‘<select id="hylb2Mod1" name="hylb2" class="selectpicker show-tick" onchange="getHylb(\‘#hylb3Mod1\‘,this.value,\‘\‘);"></select>‘
+ ‘<select id="hylb3Mod1" name="hylb3" class="selectpicker show-tick"></select>‘
+ ‘<span class="editable-clear-x"></span><div class="editable-buttons"><button type="button" id="updateData" style="height:34px;" class="btn btn-primary btn-sm editable-submit"><i class="glyphicon glyphicon-ok"></i></button><button type="button" id="closeDialog" style="height:34px;" ‘
+ ‘class="btn btn-default btn-sm editable-cancel"><i class="glyphicon glyphicon-remove"></i></button></div></center>‘