如何将刀片模板数组附加到javascript中

Question

我正在使用刀片模板开发laravel应用程序。

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

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

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

</div>

我想在上面显示名为affiliation_array的数组。

我正在使用以下脚本生成其他字段：

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

        e.preventDefault();
        $('#affiliation').append('<select><!--here i want to append my array as options --></select>');
        num2++
    });
    $('.affiliation_add a.mi').click(function (e) {
        e.preventDefault();
        if ($('#affiliation select').length > 1) {
            $('#affiliation').children().last().remove();
        }
    }); 

我的按钮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>

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

Answer 1

这应该有效：

 $('.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();
        }
    });

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

<option value={{ $state->value }}> {{ $state_js->value }}</option>