Teste Everton
HTML
<div>
<h1>Pedido</h2>
<br/>
Consulta: <input type="text" id="campoConsulta"/>
<br/>
<input type="button" id="btnConsulta" value="Consultar"/>
<fieldset>
<legend>Itens do Pedido</legend>
<div id="divItens"></div>
</fieldset>
<input type="button" id="btnEnviar" value="Enviar"/>
</div>
JavaScript
var dados = [{
id: 1,
nome: "AAA",
preco:"10"
}, {
id: 2,
nome: "BBB",
preco:"15"
}, {
id: 3,
nome: "CCC",
preco:"20"
}];
$( "#btnConsulta" ).click( function(){
var valor = $( "#campoConsulta" ).val();
var encontrado = null;
$.each( dados, function( indice, item ) {
if ( item.id == valor ) {
encontrado = item;
}
});
if ( encontrado ) {
$( "#campoConsulta" ).val( "" );
inserirItemPedido( encontrado );
} else {
alert( "Nenhum registro encontrado!" );
}
});
$( "#btnEnviar" ).click( function(){
var dadosPedido = 0;
$( "#divItens > div" ).each( function( indice, elemento ){
var idItem = $( elemento ).children( "input[type=hidden]" ).val();
var qtdeItem = $( elemento ).children( "input[data=qtde]" ).val();
var precoItem = $( elemento ).children( "input[data=preco]" ).val();
//dadosPedido += idItem + "-" + qtdeItem + "|";
dadosPedido = parseFloat(dadosPedido)+ parseFloat(qtdeItem*precoItem);
});
alert( "Total de Produtos="+dadosPedido );
});
function inserirItemPedido( item ) {
if ( !verificaSeExiste( item ) ) {
var $div = $( "<div>" );
var $hidIdItem = $( "<input>" );
$hidIdItem.attr( "type", "hidden" );
$hidIdItem.val( item.id );
var $label = $( "<label>" );
$label.html( item.id + " - " + item.nome + " - R$" + item.preco);
var $precoQtde = $( "<input data='preco' type='hidden'>" );
$precoQtde.attr( "value", item.preco );
var $inQtde = $( "<input data='qtde'>" );
$inQtde.attr( "size", 3 );
var $lnkRem = $( "<a>" );
$lnkRem.attr( "href", "#" );
$lnkRem.html( "Remover" );
$lnkRem.click( function( event ) {
$( event.target ).parent().remove();
});
...