Добавление значения текстового поля в таблицу HTML на другой странице - PullRequest
0 голосов
/ 17 февраля 2020

Приведенный ниже код проверяет, установлен ли флажок и сохраняет ли его имя и значение, чтобы его можно было добавить в таблицу на следующей странице. Как добавить этот код только для хранения имен и значений, если текстовое поле (numberofclickstextbox) содержит число выше 1, а также для вывода этого числа в таблицу (я включил снимок экрана, где я хотел бы это значение, которое будет выведено в таблицу в виде красного прямоугольника).

Любая помощь будет очень полезна.

JQuery для сбора данных (стр. 1):

$('#sales_order_form_button').click(function(){
        let table_info = [];
        $('input[type=checkbox]').each(
            function(index, value){
            if($(this).is(':checked')){
                table_info.push(
                    {
                        name: $(this).attr('name'),
                        value: $(this).attr('value'),
                    }
                );
            }
        });
        let base64str=btoa(JSON.stringify(table_info));

        window.location = "page2.html?table_data=" + base64str;
        });

JQuery для добавления данных в таблицу (стр. 2):

function getUrlParameter(name) {
            name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
            var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
            var results = regex.exec(location.href);
            return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, '    '));
        };

        // actual code
        let table_data = getUrlParameter('table_data');
        let data_from_page_1 = JSON.parse(atob(table_data));

        for(let i=0;i<data_from_page_1.length;i++){
            let row = $("<tr></tr>");
            let recordName = $("<td></td>").text(data_from_page_1[i].name);
            let recordValue = $("<td></td>").text(data_from_page_1[i].value);
            row.append(recordName, recordValue);
            $('#output_table').append(row);
        }

HTML таблицы на стр. 2:

<table id="output_table">
        <tr>
            <th>Name</th>
            <th>Value</th>
            <th>Number of Clicks</th>
        </tr>
        <tfoot>
            <tr>
                <th id="total" colspan="1">Total CPC:</th>
                <td id="sum1"></td>
            </tr>
    </tfoot>
    </table>

Screenshot of table producted on page 2

...