我在 javascript 文件中的 php echo 中出錯

Question

當我在 JavaScript 文件中使用一些代碼但插入 HTML div 時出現錯誤。 我使用 PHP 方法來顯示所有客戶端，並且在 html 頁面中工作正常。 但是在 JavaScript 中，我在回聲中出錯。

請參閱 Visual Studio Code ==> https://prnt.sc/1yy4sxl 中的錯誤

這是我的代碼：

        $(this).parent().parent().parent().children(".clientNewOrder").html(

'<div class="form-group">' +
'    <div class="input-group mb-3">' +
'        <div class="input-group-prepend">' +
'            <select class="form-control" required>' +
'                <option value="">Select Client</option>' +
'                <?php' +
'                $item = null;' +
'                $valor = null;' +
'                $selectClient = ControllerClients::ctrReadClients($item, $values);' +
'                foreach ($selectClient as $key => $value) {' +
'                    echo <option value=".$value["id"]. ">'.$value["name"]. '</option>;' +
'                }' +
'                ?>' +
'            </select>' +
'        </div>' +
'    </div>' +
'</div>'
)

我嘗試更改 "" '' 但問題仍然存在。 我在 echo ' ' 中刪除了 ''，如下所示：

'  echo <option selected>Select</option>' +
'       <option value="01">John</option>' +
'        <option value="02">Mary</option>;' +

並且在這個手動表單中運行正常，但動態我無法處理它

Answer 1

您在 JavaScript 單個 qoutes 中有 mixex PHP 代碼行。 PHP 應該作為單獨的塊運行，但您可以使用 PHP ECHO 本身生成 JavaScript 單引號：

$(this).parent().parent().parent().children(".clientNewOrder").html(

'<div class="form-group">' +
'    <div class="input-group mb-3">' +
'        <div class="input-group-prepend">' +
'            <select class="form-control" required>'+
'                <option value="">Select Client</option>'
                <?php
                $item = null; 
                $valor = null;
                $selectClient = ControllerClients::ctrReadClients($item, $values);
                foreach ($selectClient as $key => $value) {
                    echo '+\'<option value="'.$value["id"]. '">' .$value["name"]. '</option>\'+'; 
                }
                ?>
'            </select>' +
'        </div>' +
'    </div>' +
'</div>'
)