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

下面是一段今天遇到问题的代码,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>'

posted @ 2017-07-12 16:38  衣兜里  阅读(1185)  评论(0编辑  收藏  举报