0 голосов
спросил от в категории JavascriptCSSHTML
Привет,

Проблема заключается в вашей кнопке сохранения.

После добавления строки на странице таблицы перезаряжаются, из-за этого вы не можете видеть изменения в таблице.
используйте ниже код и замените свой кнопочный элемент следующим:



SCRIPT:

<script type="text/javascript">         function addRow() {             var table = document.getElementById('myTable');             var columnLength = table.getElementsByTagName('tr')[0].children.length;                       var units = document.getElementsByClassName('unit-table');                       var tr = document.createElement('tr');             tr.className = 'unit-table';             for (var i = 0; i < columnLength; i++) {                               var td = document.createElement('td');                 var text = document.createElement('input');                 text.type = 'text';                 text.id = 'text' + i;                 if (i == 0) {                     text.value = document.getElementById('name_input').value;                 } else if (i == 1) {                     text.value = document.getElementById('email').value;                 } else if (i == 2) {                 text.value = document.getElementById('city').value;                 }                 td.appendChild(text);                 tr.appendChild(td);             }             table.appendChild(tr);         }         //    document.getElementById('add_btn').onclick = addRow();     </script>


html part:

<table id="myTable" border="1" cellpadding="5" cellspacing="5"><tbody><tr class="unit-table"><td>                    Full name:                </td><td>                    Email:                </td><td>                    City:                </td></tr></tbody></table> 



Сохранить код кнопки: br>
<input id="Button1" type="button" value="button" onclick="addRow();"/>

Пожалуйста, войдите или зарегистрируйтесь чтобы ответить на этот вопрос.

0 голосов
ответил от
Я использовал формы - иногда я все еще делаю - но я нашел гораздо удобнее использовать AJAX. Вы отправляете свои данные на сервер, обрабатываете его и затем возвращаете обработанную работу обратно на экран (в этом случае - свою таблицу). Вам не нужно имя =; просто id=и DOM для получения нужных вам значений.

Мне особенно показалось, что это раздражает отправку формы, загруженной (новой?) страницей.
br>
В вашем случае у вас есть lt; tbody gt;- так что вы даете ему идентификатор, а затем перестраиваете свою таблицу в своем AJAX (с новыми данными) и возвращаете ее, чтобы заменить старую.

Общее место, где этот тип обработка работает очень хорошо - это таблица с кнопками Да/Нет на каждой строке. Когда вы нажимаете «Да» или «Нет», данные отправляются на сервер, записывается ответ, а таблица обновляется с новой совокупностью с пропущенной (или измененной) строкой. Выглядит неплохо, поскольку список уменьшается, поскольку он имеет тенденцию.

Категории

Добро пожаловать на сайт DraftingCode Q&A, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие вопросы

0 голосов
0 ответов
спросил 01 Янв, 70 от MacFirst (120 баллов) в категории JavascriptCSSHTML
0 голосов
0 ответов
0 голосов
0 ответов
спросил 01 Янв, 70 от MacFirst (120 баллов) в категории JavascriptCSSHTML
0 голосов
0 ответов
...