如何将blade templete数组附加到javascript中

我正在开发一个带有刀片模板的laravel应用程序。

当我点击加号按钮时，我会得到一个额外的字段，而当我点击减号按钮时，它会被正确删除，并且工作正常

但是，我需要将附加部分生成为一个选择选项框，该选择选项框必须显示动态值

<div class="RegSpLeft" id="affiliation">
  <select>
     @foreach($affiliation_array as $state_data)
      <option>{{$state_data->value}}</option>
     @endforeach
  </select>

</div>

我的按钮在下面

<div class="RegSpRight affiliation_add"> 
  <a href="#" class="pl"><img src="images/plus.png"></a>
  <a href="#" class="mi"><img src="images/minus.png"></a> 
</div>

任何人都可以帮我解决这个问题。

这应该可以：

 $('.affiliation_add a.pl').click(function(e) {

        e.preventDefault();
        $('#affiliation').append('<select>@foreach( $affiliation_array as $state_js )<option> {{   $state_js->value }}</option> @endforeach</select>');
        num2++
    });
    $('.affiliation_add a.mi').click(function (e) {
        e.preventDefault();
        if ($('#affiliation select').length > 1) {
            $('#affiliation').children().last().remove();
        }
    });

$（'.affiliation\u add a.pl'）。单击（函数（e）{
e、 预防默认值（）；
$（'#affiliation'）.append（'@foreach（$state_js的affiliation_数组为$state_js）{{{$state_js->value}}@endforeach'）；
num2++
});
$（'.affiliation_add a.mi'）。单击（函数（e）{
e、 预防默认值（）；
如果（$（'#附属关系选择'）。长度>1）{
$（“#附属关系”）.children（）.last（）.remove（）；
}
});

您可以将其复制并粘贴到项目中。您应该记住将变量名$state_js更改为您喜欢的任何其他名称，或者如果您不介意的话，您也可以将其保持不变。您还可以决定将选项名和值添加到我放在那里的选项中。例如：

---

value}}>{{$state\u js->value}}

尝试将内容保存在javascript对象中并使用javascript创建HTML。这不能像您尝试的那样工作，因为请求必须首先通过PHP运行，在PHP中计算HTML中的变量。方法是设置一个输出页面html的路由，然后使用javascript中的AJAX请求查询该路由（url），然后将收到的html（带有已呈现/评估变量）附加到现有html。

 $('.affiliation_add a.pl').click(function(e) {

        e.preventDefault();
        $('#affiliation').append('<select>@foreach( $affiliation_array as $state_js )<option> {{   $state_js->value }}</option> @endforeach</select>');
        num2++
    });
    $('.affiliation_add a.mi').click(function (e) {
        e.preventDefault();
        if ($('#affiliation select').length > 1) {
            $('#affiliation').children().last().remove();
        }
    });