Добавление строки в форму e js с помощью javascript - PullRequest
Новая
       4

Добавление строки в форму e js с помощью javascript

0 голосов
/ 18 апреля 2020

потерял информацию о моей старой учетной записи, так что вот мой первый пост об этой учетной записи. В любом случае, я создаю настольное приложение для базы данных и класса программирования и столкнулся с проблемой, которая, на мой взгляд, должна быть относительно простой, но, похоже, ее нигде не найти в Интернете. Вопросы, которые я вижу, имеют отношение к заполнению таблицы, и я хорошо это понимаю, но не могу понять, как поместить кнопку «добавить строку» в форму ввода. Таким образом, идея заключается в том, что если партия прибывает в бизнес, я могу позволить им указать код продукта и количество для всех продуктов в доставке. Так что в идеале у меня был бы идентификатор, чтобы я мог отслеживать оба поля. Таким образом, он начинается с кода продукта и количества, затем с помощью кнопки «плюс» добавляет еще одну строку с полями «Код продукта и количество», пока они не нажмут кнопку «Отправить», и отправит информацию в файл приложения. js. Я думаю, мне, возможно, придется спросить, сколько продуктов они хотят ответить, прежде чем создавать форму, чтобы я знал, сколько строк нужно сделать, но я надеялся, что кто-то может привести меня в том направлении, в котором я могу просто нажать кнопку добавления строки и это будет повторять код html в файле e js.

Соответствующий код: 

app.get('/ped_recibir', ensureAuthenticated, function (request, response) {
try {
    if ((request.user.get('pedidos') != true)) {
        console.log("no access");
        let errors = [];
        errors.push({ msg: 'Usted no tiene acceso a ese módulo' });
        response.render('escritorio', {
            title: "escritorio",
            errors
        });
        return;
    }
} catch (e) {
    console.log("no user");
    response.render('login', {
        title: "login",
        error_msg: "Por favor inicie sesión"
    });
    return;
}
response.render('ped_recibir', {
    title: "ped_recibir"
});
// Im thinking maybe I need to put the function add_row     here like this ?
// function add_row(){
//
//}

E js Код: 

<div class="card">
<div class="card-header">
    <h5>Añadir Producto</h5>
    <span>Campos con * son obligatorios</span>
</div>
// thinking a variable here to keep track of how many rows they put on the form // This card block is the code that I want to repeat as they click add row,
<div class="card-block">
    <form action="ana_producto" method="post">
        <div class="form-group row">
            <label class="col-sm-2 col-form-label">Código del Producto</label>
            <div class="col-sm-10">
                <input type="product_code" class="form-control" id="product_code" name="product_code" placeholder="Ingresa el código del producto*" value="<%= typeof product_code != 'undefined' ? product_code : '' %>">
            </div>
        </div>
        <div class="form-group row">
            <label class="col-sm-2"></label>
            <div class="col-sm-10">
                <button type="add_row" class="btn btn-primary m-b-0">Add Row</button>
            </div>
        </div>
    </form>
</div>

...