javascript - 我在 javascript 文件中的 php echo 中收到错误
问题描述
当我在 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>;' +
并且以这种手动形式运行正常,但动态我无法处理
解决方案
您在 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>'
)
推荐阅读
- c++ - 为什么 boost::property_tree::write_json() 将整数值转换为字符串?这是不正确的。
- javascript - 在 Netsuite SuiteScript 2.0 中实现预先加载,带有分页和日期范围过滤
- javascript - 如何返回我的 Kendo Grid 中所有页面的所有项目的 ID?
- asp.net-mvc - asp.net mvc core 在第一个操作完成之前对上下文启动了第二个操作
- php - Codeingiter库多个实例,不工作
- visual-studio-code - 如何在 Visual Studio 代码中将 jQuery 与 HTML 页面一起使用
- visual-studio-2017 - Visual Studio 更新 15.8 后 Gruntfile 不会加载
- host - Teratem - 无效的主机
- node.js - 无法使用 jenkins 触发基于 NodeJS 的 BATCH/Exe 文件
- javascript - Webpack 4 包优化,代码拆分 - React/Redux 应用程序