Quantcast
Channel: Tópicos
Viewing all articles
Browse latest Browse all 14700

Encontrar o valor da celula de uma tabela

$
0
0
Estou fazendo uma aplicação web em javascript que escolhe um produto contido num menu e acrescenta esse produto numa tabela
acrescentando uma linha com o produto.

O problema é que agora gostaria de ir buscar o o valor de alguma celula da tabela como por exemplo, a quantidade de um certo produto, já tentei de varias maneiras e nenhuma das que vi na net parece funcionar.

Código Javascript:

Código (Javascript):
var input;
var conta = 1;
var n = 0;
var i = 1;
var x = 0;
function novaLinha() {

  var linhas = document.getElementById("tabela_produto").rows;
  input = document.getElementById("menu").value;

  /*----------PROBLEMA AQUI-------------------------------------------------*/
  var row = document.getElementById("tabela_row_1");

  var element = row.getElementsByTagName("td");

  var cell = element[0].innerText;

  alert(cell);
  /*-----------------------------------------------------------------------------*/

  var parte1 = "<tr id='tabela_row_" + conta +  "'><td>"+ input + "</td><td><input size='2' value='" + conta + "'></input></td>" + "<td>Total</td>";
  var parte2 = "<td  id='tabela_linha_" + conta + "'><input type='button' ";
  var parte3 = "value='X' onclick=\"javascript:removeLinha('tabela_linha_"+conta+"')\"></input>";
  document.getElementById("tabela_produto").innerHTML += parte1 + parte2 + parte3;
  document.getElementById("tabela_produto").innerHTML += "</td></tr>";
  }
 


Código HTML:

Código (HTML):
<body>
<select id="menu" multiple name="Menu">
  <option onclick="javascript:novaLinha()" id="Vodka" value="Vodka">Vodka</option>
  <option onclick="javascript:novaLinha()" id="Caipirinha" value="Caipirinha">Caipirinha</option>
  <option onclick="javascript:novaLinha()" id="Vinho Tinto" value="Vinho Tinto">Vinho Tinto</option>
  <option onclick="javascript:novaLinha()" id="Cerveja" value="Cerveja">Cerveja</option>
</select><p>

<!-- TABELA QUE RECEBE PEDIDOS :) -->

<table id="tabela_produto" >
  <tr>
   <td>Produto</td><td>Qtd</td><td>Preco total</td><td></td>
  </tr>
  <tr>
  </tr>
        </table><p>

<h5>Pedidos realizados</h5><p>
<textarea id="msg" name="Area de texto" rows="10" cols="10" style="resize: none;" data-role="none" disabled>
</textarea><p>
</body>

Neste momento, a aplicação só acrescenta e elimina produto e tal como disse preciso saber como buscar os valores de uma celula e penso que apartir dai conseguirei continuarmais rapidamente.

EU acho que o problema só esta no codigo javascript onde eu comentei "PROBLEMA AQUI".

Agradeço quaisquer ajudas! Obrigado :)

Viewing all articles
Browse latest Browse all 14700