如何在此javascript行中正確組合PHP結果？

Question

我有確認提醒，使用bootbox,js。在bootbox中，用戶可以製作自定義的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); 
 
    } 
 
    } 
 
});