どのように正しくこのJavaScriptの行にPHPの結果を組み合わせるには？

Question

bootbox,jsを使用していることを確認する警告があります。ブートボックスでは、ユーザーはカスタムHTMLフォームを作成できます。しかし、私はいくつかのフォーム要素/値をPHPのforeachから移入しています。私はこのように書こうとしましたが、うまくいきません。アラートはトリガされません。

bootbox.confirm({ 
     title : "Testing", 
     message : 
     "<form id='test'>\ 
     <h3>Dept: </h3>\ 
     <table width='100%' cellspacing='0' cellpadding='3px'>\ 
     <?php foreach($dept as $row_dept){ ?> 
     <tr>\ 
      <td align='center' width='5%'><input type='checkbox' name='first_name' /></td>\ 
      <td align='left'>"+<?php $row_dept->dept; ?>+"</td>\ /*If I remove this line, there is no error. But no value is shown*/ 
     </tr>\ 
     <?php }; ?> 
     <tr>\ 
      <td colspan='2'><h3>Disposisi</h3>\<textarea id='disposisi' name='disposisi' class='form-control'></textarea></td>\ 
     </tr>\ 
     </table>\ 
     </form>", 
     buttons : { 
        cancel : { label: '<i class="fa fa-times"></i> Batal' }, 
        confirm : { label: '<i class="fa fa-check"></i> OK'} 
     }, 
     callback: function (result) { 
      if(result == true){ 
       var disposisi = $("#test").find('textarea[name=disposisi]').val(); 
       alert(disposisi); 
      } 
     } 
    }); 

Answer 1

改行の問題があるようです。

はこれを試してみてください - バッククォートは `新しいブラウザで動作 - それ以外の使用 "... "+" ..."

bootbox.confirm({ 
 
    title: "Testing", 
 
    message: `<form id='test'> 
 
     <h3>Dept: </h3> 
 
     <table width='100%' cellspacing='0' cellpadding='3px'> 
 
     <?php foreach($dept as $row_dept){ ?> 
 
     <tr> 
 
      <td align='center' width='5%'><input type='checkbox' name='first_name' /></td>\ 
 
      <td align='left'><?php echo $row_dept->dept; ?></td> 
 
     </tr> 
 
     <?php }; ?> 
 
     <tr> 
 
      <td colspan='2'><h3>Disposisi</h3><textarea id='disposisi' name='disposisi' class='form-control'></textarea></td> 
 
     </tr> 
 
     </table> 
 
     </form>`, 
 
    buttons: { 
 
    cancel: { 
 
     label: '<i class="fa fa-times"></i> Batal' 
 
    }, 
 
    confirm: { 
 
     label: '<i class="fa fa-check"></i> OK' 
 
    } 
 
    }, 
 
    callback: function(result) { 
 
    if (result == true) { 
 
     var disposisi = $("#test").find('textarea[name=disposisi]').val(); 
 
     alert(disposisi); 
 
    } 
 
    } 
 
});