Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17666
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Listar dados selecionados antes de enviar PHP e jQuery

06-03-2016 18:47

Nesse post vou mostrar como fazer para selecionar uma opção no select e enviar para uma lista.
Quando terminar de selecionar todas opções desejadas enviar os dados.
Tem também a opção de apagar uma opção já selecionada clicando na opção.

<script src="jquery.js"></script> <style> .op{ border:1px solid #ccc; width:auto; display:inline-block; padding:5px 5px; } </style> <script> $(function() { // BOTÃO ADICIONAR $("#manda").click(function() { // VERIFICANDO SE A OPÇÃO SELECIONADA TEM VALOR if( $("#select1 option:selected").val()!="" ) { // ADICIONANDO A DIV E O INPUT HIDDEN PARA SALVAR NO PHP $("#alvo").append("<div class=\"op\">"+$("#select1 option:selected").val()+" X<input type=\"hidden\" name=\"op[]\" value=\""+$("#select1 option:selected").val()+"\" ></div>"); // REMOVENDO A OPÇÃO QUANDO CLICAR $(".op").click(function() { $(this).remove(); }); } }); }); </script> <form action="teste.php" method="post"> <select id="select1" size="5"> <option></option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> <input type="button" name="" value="Adicionar" id="manda" /> <br /> <input type="submit" name="envia" value="Enviar" /> <div id="alvo"></div> </form> <?php if(isset($_POST['envia'])) { print_r($_POST['op']); } ?>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]