1

Eu tenho uma tabela vazia , e depois um codigo javascript que permite preencher a tabela através de input. O que pretendo é colocar toda a informação dessa tabela num array(inpendentemente do numero de linhas e colunas da tabela) de modo a que depois consiga mais tarde eliminar elementos no array e alterem automaticamente na tabela.

HTML

<input type="text" name="nome" id="nomedisciplina">    
<button onclick="adicionar()">Adicionar disciplina</button><br>

JAVASCRIPT

function adicionar() {
    var table = document.getElementById("myTable");
    var row = table.insertRow(0);
    var cell1 = row.insertCell(0);
    cell1.innerHTML = document.getElementById("nomedisciplina").value;
}

O que pretendo é que apareça na tabela a ordem que aparece na lista

5
  • Você já considerou utilizar angular ou jquery? vai facilitar demais o que você quer fazer
    – Sorack
    Commented 11/11/2016 às 21:42
  • Como é que faria em Jquery ? Commented 11/11/2016 às 21:46
  • Podes explicar melhor a parte "preencher a tabela através de input"? como seria isso na prática? colocar a array no input e a tabela ser alterada? on de está essa array? no código ou em texto/json?
    – Sergio
    Commented 11/11/2016 às 22:48
  • Eu tenho uma tabela vazia e através do input com o id="nomedisciplinas" mete esse valor na tabela( tabela de uma coluna ) , esse e o codigo que ja tenho , agora a minha duvida e como meto a informaçao ja presente na tabela num array de modo associar para caso mais tarde eu precisar de eliminar num lado eliminar noutro Commented 11/11/2016 às 22:57
  • Podes explicar melhor o que queres fazer com essa array e como mudando a array esperas que a tabela seja alterada?
    – Sergio
    Commented 12/11/2016 às 7:56

1 Resposta 1

2

Você pode fazer assim:

TABLE:

<table id="dataTable">
    <tr>
      <th>Codigo</th>
      <th>Descricao</th>
    </tr>
    <tr>
      <td>1</td>
      <td>José</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Maria</td>
    </tr>
</table>

Javascript:

var table = document.getElementById( "dataTable" );
var tableArr = [];
for ( var i = 1; i < table.rows.length; i++ ) {
    tableArr.push({
        codigo: table.rows[i].cells[0].innerHTML,
        descricao: table.rows[i].cells[1].innerHTML
    });
}
console.log(tableArr);

Veja o jsFiddle: https://jsfiddle.net/xL6hbxga/

3
  • Está-me a dar um problema, com o codigo que pus na questão para adicionar elementos a tabela , vai dar uma coluna da tabela por exemplo , ao adicionar o elemento " a " , a tabela fica só com o "a" , depois se adicionar "b" , a tabela fica "b,a" enquanto que o array vai ficar [a,b] como tem de ser , sabe o que posso mudar no meu código para acrescentar elementos a tabela de modo a dar correto ? Commented 11/11/2016 às 22:38
  • Não compreendi bem como é a tabela, podes postar na pergunta como é a estrutura da tabela? Commented 11/11/2016 às 22:52
  • ja coloquei uma foto Commented 11/11/2016 às 23:18

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .