innerHTML 中 Laravel 的 @if 内的 Javascript 变量

Question

如何在 Laravel 的 @if 中使用 javascript 变量“x”？ 我尝试在 @if 内部和外部执行此操作。在外面，它工作得很好，但我确实需要根据这种情况采取行动。

var x = document.getElementById("IdPrize").value;

var mySpan = document.createElement("span");
mySpan.innerHTML = "\
@foreach (\App\Prize::all() as $prize)\
    @if ($prize->id == "+x+")\
        <p>{{$prize->name}} is the choosen one!</p>\
    @endif\
@endforeach";

我没有在 @if 和 @foreach 中获取变量“x”值有什么具体原因吗？可以做什么才能让它发挥作用？

如果我像下面的代码那样做，它就可以完美地工作。

var x = document.getElementById("IdPrize").value;

var mySpan = document.createElement("span");
mySpan.innerHTML = "\
@foreach (\App\Prize::all() as $prize)\
        <p>"+x+"</p>\
@endforeach";

谢谢!

Answer 1

<script type="text/javascript">

var x = document.getElementById("IdPrize").value;

</script>

在 Php 脚本中，它以字符串形式返回，因此您需要将 foreach 元素 id 转换为字符串，因此与字符串连接，

@foreach (\App\Prize::all() as $prize)\
    @php $x = print( ' <script>document.writeln(x);</script> ' ); @endphp
    @if ($prize->id."" == $x)\
        <p>{{$prize->name}} is the choosen one!</p>\
    @endif\
@endforeach";