open modal and it's data on button onlick

blade code

   <td> <button class="btn btn-warning" onclick="editbtn('{{$cust->custid}}','{{$cust->cust_name}}','{{$cust->cust_email}}')" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal">Edit</button> </td>

-------------------------------------------------------------------------------------------------------------------

modal

 <!-- Modal -->

<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">

  <div class="modal-dialog">

    <div class="modal-content">

      <div class="modal-header">

        <h1 class="modal-title fs-5" id="exampleModalLabel">Modal title</h1>

        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

      </div>

      <div class="modal-body">

      

      <br>

       <!-- form -->

       <form action="{{url('/')}}/update_customer" method="post">

                @csrf

                <input type="hidden" name="userid" id="userid" required>

            <div class="mb-3">

                    <label for="name" class="form-label">Full Name</label>

                    <input type="text" class="form-control" name="name" id="name" value="">

                </div>

                <div class="mb-3">

                    <label for="email" class="form-label">Email address</label>

                    <input type="email" class="form-control" name="email" id="email" aria-describedby="emailHelp">

                   </div>


               <br>

                <button type="submit" class="btn btn-primary">Submit</button>

            </form>


      </div>

      <div class="modal-footer">

        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>

        <!-- <button type="button" class="btn btn-primary">Save changes</button> -->

      </div>

    </div>

  </div>

</div>

---------------------------------------------------------------------------------------------------------------------

javascript part

 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>

  

    <script>

         function editbtn(userid,user_name,user_email){

                console.warn("edit button");

                console.log(userid);

                console.log(user_name);

                console.log(user_email);

                // setting values

                $('#name').val(user_name);

                $('#email').val(user_email);

                $('#userid').val(userid);

            }

    </script>

----------------------------------------------------------------------------------------------------------------

controller login

function update_customer(Request $request){

    // print_r($request->all());

    $cust = Customers::find($request->userid);

    $cust->cust_name = $request->name;

    $cust->cust_email = $request->email;

    $cust->save();

    

    return redirect("/allcustomers");    

    }




image preview



Popular posts from this blog

MCSL 216 MCA NEW Practical ~ common questions suggestions

dev chaeatsheet

STRAPI