尝试使用JS函数中的for循环将复杂的HTML代码添加到div

时间:2019-07-01 08:21:07

标签: javascript jquery html escaping

我正在尝试生成许多下拉列,每列都有特定的唯一ID。

我尝试了此操作,但失败了,即输出为:11)" > 22)" >女巫让我相信问题出在逃避。

for (i = 1; i<=filter_count; i++){  //generate (filter_count) dropdown menus, each with unique id's

    $('#filterContainer').append('<select  class="btn btn-default dropdown-toggle" id ="filter_by(');

    $('#filterContainer').append(i);

    $('#filterContainer').append(')" >@foreach ($filter_column_arr as $filter_column)<option>{!!$filter_column!!}</option>@endforeach</select> -<select  class="btn btn-default dropdown-toggle" id ="filter(');

    $('#filterContainer').append(i);

    $('#filterContainer').append(')" ></select><br>');
 }

此HTML代码有效,它生成我需要的列表。输出应该像这样,只用for循环生成的值代替(i)

<select  class="btn btn-default dropdown-toggle" id ="filter_by(i)" >

@foreach ($filter_column_arr as $filter_column)
   <option>{!!$filter_column!!}</option>
@endforeach
</select> -

<select  class="btn btn-default dropdown-toggle" id ="filter(i)" ></select>
<br>

如您所见,我正在使用laravel刀片。这段代码将被放入for循环中,而(i)必须是一个变量,以便我可以在ajax函数中引用这些菜单。

我尝试了这个操作:Inserting HTML into a div,但是它不起作用,因为我要附加的代码中有''和'“

0 个答案:

没有答案