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):
Código HTML:
Código (HTML):
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
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>";
}
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>
<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
