Javascriptでformアクションタグをbladeで自動生成したい【Laravel5.5】

bladeからJavascriptを使ってモーダルダイアログを出し、配列の各データ横に削除ボタンを設置したいです。
Javascript上で配列を回し、フィールドごとに<td>タグを自動生成してデータを表示させるところまではできたのですが、削除機能の実装方法が思いつきません。

HTML
1<div class="modal-body">
2　　<table class="contents">
3      <!--ここにJavascriptで指定したタグとデータが入る-->
4　　</table>
5</div>

Javascript
1for (var i = 0; i < data.length; i++) {
2  $('.contents').append('<tr><td>' + data[i] + '<p class="hidden-area">' + id[i] + '</p> 
3  </td><td>※①</td></tr>'); 
4}

①の部分に削除フォームを入れようとしましたが、「''」と「""」が関連するsyntax errorが表示されてしまいます。
フィールドごとに削除ボタンや削除機能を自動生成する方法はありますでしょうか？

おそれいりますが、よろしくお願いいたします。

m.ts10806

2020/05/05 12:22 編集

syntax error であれば「方法」以前の問題ではないでしょうか。タイトルや内容を調整された方が良いかと思います。 LaravelもBladeも一切関係ない質問内容ですしね。

m.ts10806

2020/05/05 12:20

syntax errorの解消だけならすぐですけど・・・。

pararinrinrin

2020/05/05 23:42

単純にHTMLの生成であれば問題ないかと思うのですが、bladeの{{''}}の書き方をしてしまうとsyntax errorになります。 ①の場所に例として<form action="{{ url('home/month/'.$md->id) }}" method="POST">〜などのフォームアクションを設置してフィールドに応じて自動的に生成されるようにできればいいのですが。エラー回避方法または、削除機能を動的に表示されたフィールドに実装する方法についてもしおわかりになる方がいらっしゃればお伺いしたいです。

m.ts10806

2020/05/05 23:44

JavaScriptでやる以上はPHP直接干渉はできません。どうしてもと言うのならAJAXにして返りをBladeの内容そのままにするとかでしょうか。