laravel - Append data to form using through DOM?

Question

Form which uses POST method:

<div>
<form action="{{ route('post.store') }}" method="POST">
   <input type="text" name="name">
   <input type="text" name="text">
   <button type="submit">Submit</button>
</form>
@foreach ($comments as $comment)
   {{ $comment->text }}
   <a href="#">Reply</a>
@endforeach
</div>

Array of $comments is being returned when the view itself is returned.

Basically, I am intrested if there is a way to append $comment->id to the data that will be sent to server on Submit button click using Laravel Blade or AlpineJS, but without creating any additional functions between <script> tags? I mean, is it possible to do something like this: <a href="#" @click.prevent="formData.append('parent_comment_id', {{ $comment->id }})">Reply</a>?

EDIT:

I expressed myself wrongly. I don't want to append new id every time Reply is clicked, but to overwrite corresponding property in data which is going to be sent to server when Submit button is clicked with the $comment->id for which Reply was clicked for.

question from:https://stackoverflow.com/questions/65871205/append-data-to-form-using-through-dom

Answer 1

I assume you are using Laravel Resource Controller

Not sure I totally understand why you want to send all comment ids when submitting the form but when calling the route post.store you should better send the post id

<form action="{{ route('post.store', ['post' => $post]) }}" method="POST">

If you want to get all comment id and have proper model relationships set up in your models you can get all comments for a post in your controller.

To send a specific id in your form create a new <input name="comment_id" value=""> and let that field be populated.