Самый простой способ получить данные из динамической таблицы HTML

Question

Я пытаюсь получить данные из динамической таблицы HTML. Пользователь должен добавить или удалить строки (через скрипт javascript), а затем ввести данные в поля ввода таблицы. Мне нужен способ получить данные из таблицы. Я понимаю, что javascript не может писать в файл, но есть ли другие варианты?

Благодарим вас. Вся помощь очень ценится!

** Редактировать: Я добавляю и удаляю строки/столбцы в таблицу, поэтому текстовые входы динамически создаются, и я пытаюсь получить значения из этих полей.

Answer 1

Вы можете создать простую функцию JS для поиска данных в форме массива. Я принимаю для этого очень простой стол. Я использовал JQuery для удобства, но вы можете сделать то же самое с JavaScript ..

<table id="mytable"> 
<tr> 
    <td>1</td> 
    <td>3</td> 
    <td>4</td> 
    <td>2</td> 
</tr><tr> 
    <td>5</td> 
    <td>6</td> 
    <td>7</td> 
    <td>8</td> 
</tr><tr> 
    <td>9</td> 
    <td>31</td> 
    <td>42</td> 
    <td>23</td> 
</tr> 
</table> 
<script> 
    getAllDataFromTable(); 
</script> 

я использовал JQuery для удобства, но вы можете сделать то же самое с JavaScript ..

function getAllDataFromTable(){ 
    var mydata = Array(); 
    for(i=0;i<$('#mytable').find("tr").length;i++){ 
    mydata[i] = Array(); 
    var currentRow = $('#mytable').find("tr").eq(i); 
    for(j=0; j< currentRow.find('td').length ;j++){ 
     mydata[i][j] = currentRow.find('td').eq(j).html() 
    }; 
    }; 
    alert(JSON.stringify(mydata)) 
} 

https://jsfiddle.net/9yuc3bvj/