有没有办法在javascript动态创建的html输入中使用php变量？

所以我有一个记录，它与另一个命名的结果有一对多的关系，每个结果至少有一个人组成一个团队

对于团队，我将动态创建字段，每个字段中最多有9人。为了不混淆团队中每个人所属的结果，我传递了结果id

HTML

添加更多字段

JAVASCRIPT

    var max_fields      = 10; //maximum input boxes allowed
    var wrapper         = $(".input_fields_wrap"); //Fields wrapper
    var add_button      = $(".add_field_button"); //Add button ID
    var new_fields      = 19;
    var i = $("")

    var x = 1; //initial text box count
    $(add_button).click(function(e){ //on add input button click
        e.preventDefault();
        if(x < max_fields){ //max input box allowed
            x++; //text box increment
            new_fields++;
            $(wrapper).append('<div class="row"><input type="text" name="outcome[' +new_fields +'][' +x +'][id]" value="<?php echo $outcome->id; ?>" class="form-control" hidden><div class="form-group col-lg-4"><label class="form-control-label text-muted ">*Officer\'s Name:</label><input type="text" name="outcome[' +new_fields +'][' +x +'][officer]" class="form-control" required></div><div class="col-lg-4 form-group-sub"><label class="form-control-label text-muted">*Position:</label><input type="text" name="outcome[' +new_fields +'][' +x +'][position]" class="form-control" required></div><div class="col-lg-3 form-group-sub"><label class="form-control-label text-muted">*Institution Name:</label><select class="form-control" id="institution" name="outcome[' +new_fields +'][' +x +'][institution]" required><option value="">Select Institution</option><option value="option1">First Option</option><option value="option2">Second Option</option><option value="other">Other</option></select></div><a href="#" class="remove_field"><i class="fa fa-times" aria-hidden="true"></i></a></div>');
      //add input box
        }
    });

var max_字段=10//允许的最大输入框数
变量包装=$（“.input_fields_wrap”）//字段包装器
var add_button=$（“.add_field_button”）//添加按钮ID
var新字段=19；
变量i=$（“”）
var x=1//初始文本框计数
$（添加按钮）。单击（函数（e）{//在添加输入按钮上单击
e、 预防默认值（）；
如果（x$（包装器）.append（'Javascript代码在浏览器中执行。浏览器不知道如何执行php代码。
php代码需要在服务器端执行，这意味着在将页面发送到浏览器之前。向页面动态添加
标记没有任何作用。
如果您的刀片模板中有javascript，这应该可以在将字符串（my_var的值）注入JS块时起作用：

$my_var = 'hi mom!';

<script>
   console.log( {{ $my_var }} );
</script>

$my_var='hi mom！'；
log（{$my_var}}）；

如果php变量具有要呈现的标记，则可以使用
{！！$my\u var！！}

这是一个
.js
文件还是
.blade.php
文件中的
文件？因为php语法只能在其中一个文件中使用。这很有帮助！它在一个.js文件中，但我将其移动到了，现在可以正常工作了。感谢Cellent:）是的，对于Laravel开发人员来说，一个常见的误解是期望
.blade.php
语法（如
{}}
等）随处可见，包括
.js
文件。一旦你意识到发生了什么，问题就很清楚了，谢天谢地，解决方案也很好。很高兴你能让它工作起来！
{"2":{"id":"<?php echo $outcome->id; ?>","officer":"Munthu Oyamba","position":"Ofunika heve","institution":"option1"}},"21":{"3":{"id":"<?php echo $outcome->id; ?>","officer":"Munthu Wachiwiri","position":"Bwantasa","institution":"option2"}}}

$my_var = 'hi mom!';

<script>
   console.log( {{ $my_var }} );
</script>