1. Home
2. php - How do I dynamically call a component multiple times using Javascript in Laravel 9?

18 votes

1 answers

php - How do I dynamically call a component multiple times using Javascript in Laravel 9?

Get the solution ↓↓↓

I'm trying to call a component in Laravel Blade

I need to call -

<x-layouts.input 
    name="quantity" 
    title="Quantity" 
    type="number" 
    id="quantity" 
    :value="old('quantity')" />
Copy code

Component:

@props(['name','title'=>'','type','id','value'=>''])

<div class="form-group">
    <label for="{{ $id }}">{{ $title }}</label>
    <input type="{{ $type }}" name="{{ $name }}" value="{{ $value }}" {{ $attributes->merge(['class'=>'form-control'])}} id="{{ $id }}"> 
</div>
Copy code

---

How do I call this component repeatedly by tapping a button?

Undefined asked

2022-11-17

---

---

140

votes

Answer

Solution:

I found a way, This could work

const addNewBtn = document.querySelector(".addNewBtn");
const multipleEntry = document.querySelector("#multipleEntry");

addNewBtn.addEventListener("click", (e) => {
    const lastRow = multipleEntry.lastElementChild;

    let clone = lastRow.cloneNode(true);
    multipleEntry.appendChild(clone);
});
Copy code

Undefined answered

2022-11-17

Link to answer

---

---

Source

Share

---

Didn't find the answer?

Our community is visited by hundreds of web development professionals every day. Ask your question and get a quick answer for free.

Ask a Question

---

Similar questions

Find the answer in similar questions on our website.

396 php - How to fix Connection failed: Access denied for user 'webroot'@'localhost' (using password: YES)

341 "laravel" Parse error: syntax error, unexpected '|', expecting variable (T_VARIABLE) in vendor/nunomaduro/termwind/src/Functions.php on line 17

453 php - Laravel HasManyThrough nor BelongsToMany doesn't work in my case. Is it database structure problem?

938 xampp - PHP Command line don't execute command

968 php - How do I make this condition actually work, I am using woocommerce

526 php - Why I get error `Error uploading file 'filename'`

430 php - Laravel - multiple controllers in single view

658 php - DOMDocument::loadHTML error

659 Getting Class "mysqli" not found when using docker container to load mysql and php

278 php - Why does my laravel horizon job fail during file chunk process?

About the technologies asked in this question

PHP

PHP (from the English Hypertext Preprocessor - hypertext preprocessor) is a scripting programming language for developing web applications. Supported by most hosting providers, it is one of the most popular tools for creating dynamic websites. The PHP scripting language has gained wide popularity due to its processing speed, simplicity, cross-platform, functionality and distribution of source codes under its own license.
https://www.php.net/

Laravel

Laravel is a free open source PHP framework that came out in 2011. Since then, it has been able to become the framework of choice for web developers. One of the main reasons for this is that Laravel makes it easier, faster, and safer to develop complex web applications than any other framework.
https://laravel.com/

JavaScript

JavaScript is a multi-paradigm language that supports event-driven, functional, and mandatory (including object-oriented and prototype-based) programming types. Originally JavaScript was only used on the client side. JavaScript is now still used as a server-side programming language. To summarize, we can say that JavaScript is the language of the Internet.
https://www.javascript.com/

Welcome to webdevask.com

Welcome to the Q&A site for web developers. Here you can ask a question about the problem you are facing and get answers from other experts. We have created a user-friendly interface so that you can quickly and free of charge ask a question about a web programming problem. We also invite other experts to join our community and help other members who ask questions. In addition, you can use our search for questions with a solution.

Get answers to specific questions

Ask about the real problem you are facing. Describe in detail what you are doing and what you want to achieve.

Help Others Solve Their Issues

Our goal is to create a strong community in which everyone will support each other. If you find a question and know the answer to it, help others with your knowledge.