0

inserir a descrição da imagem aqui

Estou fazendo um sisteminha de restaurante, e ele é uma comanda. Mas, tipo, tem um select de pedidos de comidas, mas eu queria saber como posso fazer pra quando eu clicar no sinal de + apareça outro select embaixo do que já tem para fazer o pedidos de outra comida, pois nem sempre o cliente quer só uma coisa.

Estou fazendo o sistema com PHP e JavaScript.

2
  • Você não tem nenhum código de teste? Quer isso com javascript ou pode ser com jquery?
    – LocalHost
    Commented 15/01/2017 às 15:59
  • Uma ideia seria um botão (+) que ao ser clicado, cria um objeto html do tipo DIV com um id e um name incrementáveis e dentro dessa div outro select com as mesmas opções. Na hora de submeter o formulário, Será necessário ver se o cliente escolheu em selects diferentes o mesmo produto e tratar a repetição ou, na criação da div, já colocar o select anterior disabled e retirar da lista de opções do novo select criado a opçao selecionada anteriormente. Isso vai dar uma mão de obra boa! Commented 15/01/2017 às 18:52

1 Resposta 1

4

Seria isso? Em vez de ao selecionar aparecer outro select, fiz um exemplo que ao selecionar adiciona um input com o valor que foi adicionado.

$(".add").on('click',function(){
var cont=0;
$("#selecionados input").each(function(){
if($(this).val()==$("#selecionar option:selected").html()){
cont++;
 }
});
if(cont>0){ alert("Este item ja esta adicionado, altere a quantidade se deseja mais..");}
else{
$("#selecionados").append("<input disabled type='text' name='pedidos[]' value='"+$("#selecionar option:selected").html()+"' ><input type='text' name='quantidade[]' placeholder='quantidade'><br>");
}
});
.add{ text-decoration:none;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="selecionar">
<option selected isabled>Selecione</option>
<option>Pao</option>
<option>Leite</option>
<option>Cafe</option>
</select>
<a class="add" href="#">+</a>
<hr>
Selecionados
<hr>
<div id="selecionados">
  
</div>

E no php voce pegaria o valor em array, assim:

<?php $valores=$_POST['pedidos'] 
foreach($valores as $item){
echo $item."<br>";
}


?>
11
  • Sim assim mesmo ficou top. obrigado. Mas e como fazer pra mostrar a quantidades que foi pedida de cada um ? Commented 15/01/2017 às 16:37
  • Voce pode ou fazer a veirificação no php, ou adicionar ao lado o input, outro input com a quantidade
    – LocalHost
    Commented 15/01/2017 às 16:41
  • @allanaraujo Assim?Editei ali Se solucinou sua dúvida, marque como resposta :)
    – LocalHost
    Commented 15/01/2017 às 16:44
  • Obrigado ficou ótimo. Commented 15/01/2017 às 16:59
  • @allanaraujo De nada, coloquei a verificação se o item ja esta adicionado tambem...
    – LocalHost
    Commented 15/01/2017 às 17:01

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 .