Criar tabela de escolha bem dinamica
Bom dia turminha ...
Legal este tipo de forum, eu nao conhecia ta gente rsrsrsrs
Estou com um desenvolvimento de um sistema para uma loja da cidade ..... mas to com problemas serios em resolver meu script.
criei uma tabela com uma linha contendo os dados necessarios, e dpois eu utilizo um script que clona toda esta linha e assim posso incluir varias linhas nesta tabela, correto !!
Entao eu gostaria de melhorar este codigo pq eu fiz como se criasse um array e seria melhor se cada um tivesse seus "nomes" e "ids" diferentes para eu poder trabalhar na tabela posteriormente.
aki vai meu codigo para alquem olhar se quiser ajudar.
// Adicionando e removendo campos da tabela dinamica
$(function () {
function removeCampo() {
$(".removerCampo").unbind("click");
$(".removerCampo").bind("click", function () {
if($("tr.linhas").length > 1){
$(this).parent().parent().remove();
}
});
}
$(".adicionarCampo").click(function () {
novoCampo = $("tr.linhas:first").clone();
novoCampo.find("input").val("");
novoCampo.insertAfter("tr.linhas:last");
removeCampo();
});
});
************** HTML *****************
<tr class="linhas">
<td>
<select id="tipo" name="tipo[]" class="input-large" required="">
<option value="1" selected>Comum</option>
<option value="2">Mista</option>
</select>
</td>
<td><input name="" id="" value="2" type="radio"></td>
<td>
<select id="sabor1" name="sabor1[]" class="input-large" required="">
<option value="0" selected="selected">--Selecione--</option>
......
</select>
</td>
<td>
<select id="sabor2" name="sabor2[]" class="input-large" required="">
<option value="0" selected="selected">--Selecione--</option>
......
</select>
</td>
<td><a href="#" class="removerCampo" title="Remover produto"><i class="icon-remove"></i></a></td>
</tr>
</tbody>
</table>
<a href="#" class="adicionarCampo" title="Adicionar produto"><i class="icon-plus"></i></a> Adicionar produtoSe alguem tiver um palpite ae please !!
Discussão (5)
Carregando comentários...