转义撇号不起作用

我发现了一些像这样的问题，但不幸的是，没有一个解决方案能解决我的问题。

这是我正在做的（也尝试过json_encode。也不起作用）

PHP

$head="<div id='headx'>".htmlspecialchars($headu)."<input type='submit' id='edit_head' value='Edit' onclick='edit_title9(this.id,'"".htmlspecialchars($headu,ENT_QUOTES)."'")'></div>

Javascript

 function edit_title9(ya,va1){
   var divid = document.getElementById(ya).parentNode.id;
   var cola=ya;
   var val1=va1.replace(/'/g,"''");
   alert(val1);  //works fine
   document.getElementById(divid).innerHTML="<input type='text'  id='taxi1' width='40px' value='"+val1+"' >";
 }

当我使用alert(val1)时，它工作得很好，并在线上显示'，但在text field中，我只能得到apostrophe(exclusive)，其余的都被删除了。

但当我使用其他字符时，它在text field中显示得很好。

va1.replace(/'/g,"'A");

对文本字段上的CCD_ 8给出了CCD_。

为什么会发生这种情况？我该如何摆脱这种情况？