Richard.Ribeiro

Boa tarde a todos, Uma ajuda Por favor, alguém pode me explicar porque sempre que eu digito no" input name=vsat" e clico em buscar a DIV do " select id=rightValues" SOME alguem poderia ajudar? o erro está no PHP ou JS desde já agradeço a atenção. <style media="screen"> SELECT, INPUT[type="text"] { width:500px; box-sizing: border-box; } SELECT, INPUT[type="button"] { font-size: 20px; } SECTION { padding: 8px; background-color: #f0f0f0; overflow: auto; } SECTION > DIV { float: left; padding: 30px; } SECTION > DIV + DIV { width: 200px; text-align: center; } </style> <section class="container"> <form method="post"> <?php if (isset($_POST['buscar'])) { $id_gmm = $_POST['gmm']; }elseif (isset($_POST['buscar2'])){ $vsat = $_POST['vsat']; } ?> <h2><i class="fa fa-link"></i> Vincular Componentes a VSAT</h2> <h4><i class="fa fa-arrow-down"></i> Itens da GMM</h4> <div> <input type="text" name="gmm" placeholder="Digite o N° da GMM"> <input type="submit" name="buscar" value="buscar"><br> <select id="leftValues" size="5" multiple> <?php $consultaGmm = ConexaoBD::conectar()->prepare("SELECT tipo_material_id FROM itens_fornecidos WHERE gmm_id = $id_gmm "); $consultaGmm->execute(); $consultaGmm = $consultaGmm->fetchAll(); foreach ($consultaGmm as $key => $value) { ?> <option value="<?php echo $value['tipo_material_id'];?>"> <?php echo $value['tipo_material_id']; ?> </option> <?php }?> </select> </div> <div> <input type="button" id="btnLeft" value="&lt;&lt;" /> <br> <br> <input type="button" id="btnRight" value="&gt;&gt;" /> </div> <div> <label for="">VSAT</label> <input type="text" name="vsat" placeholder="Digite o ID/IDE da VSAT"> <input type="submit" name="buscar2" value="buscar"><br> <select id="rightValues" size="4" multiple> <?php $consultaVsat = ConexaoBD::conectar()->prepare("SELECT estoque_material_id FROM componentes_instalados WHERE estoque_material_id = $vsat "); $consultaVsat->execute(); $consultaVsat = $consultaVsat->fetchAll(); foreach ($consultaVsat as $key => $valueVsat) { ?> <option value="<?php echo $valueVsat['estoque_material_id'];?>"> <?php echo $valueVsat['estoque_material_id']; ?> </option> <?php } ?> </select> </div> </form> </section> <script src="<?php echo INCLUDE_PATH_PAINEL ?>js/jquery-3.4.1.min.js"></script> <script src="<?php echo INCLUDE_PATH_PAINEL ?>js/main.js"></script> <script type="text/javascript"> $("#btnLeft").click(function () { var selectedItem = $("#rightValues option:selected"); $("#leftValues").append(selectedItem); }); $("#btnRight").click(function () { var selectedItem = $("#leftValues option:selected"); $("#rightValues").append(selectedItem); }); </script> <?php die(); ?>

Fala Pessoal.. Bom dia.. uma ajuda por favor. não sei se e a melhor opção mais, gostaria de criar um id sequencial id="material" para resolver seguinte problema.. com javascript eu crio select com dados selecionados anteriormente, e crio mais opção no caso de haver mais pedido, porém toda vez que preciso troca a categoria o PRIMEIRO selecte que já possui um item e resetado. como posso resolver isso O PRIMIEIRO SELECT NÃO MUDAR. uma vez que á possui value selected segue todo código: <div id="box" > <form id="cadastro" method="post"> <?php if(isset($_POST['acao'])){ $ide = $_POST['ide']; $data = $_POST['data_pedido']; $username=$_SESSION['username']; $justificativa = $_POST['justificativa']; $id_tipo_material = $_POST['material']; $qnt_solicitada = $_POST['qnt_solicitada']; //cadastrar no banco de dados! $gravar = new Painel(); $id_gsm = $gravar->cadastrarGsm($data,$username,$justificativa,$ide); $gravar->cadastrarItem($id_gsm,$id_tipo_material,$qnt_solicitada); Painel::alert('sucesso','Pedido realizado com sucesso!'); } $ConsultaIde = ConexaoBD::conectar()->prepare("SELECT vsat_gilat, 'IDE: '||vsat_gilat|| ', Situação:'|| situacao|| ', Localidade:'||localidade|| ', Logradouro: '||logradouro as local FROM vsat WHERE vsat_gilat != '' AND situacao = 'Ativo'"); $ConsultaIde->execute(); $ConsultaIde = $ConsultaIde->fetchAll(); ?> <div > <div class="form-group"> <label>Selecione uma IDE</label> <select class="ide" name="ide" id="ide" required> <option disabled selected>-- Selecione IDE -- </option> <?php foreach ($ConsultaIde as $key => $value) { ?> <option value="<?php echo $value['vsat_gilat'];?>"> <?php echo $value['local'];?> </option> <?php }?> </select> <label>Data da Solicitação do Material :</label> <input type="text"value="<?php echo date('d/m/Y'); ?>" name="data_pedido" readonly > </div><!--form-group--> <div class="form-group"> <label>Justificativa do pedido:</label> <textarea rows="8" cols="80" name="justificativa" required></textarea> </div><!--form-group--> <div class="form-group"> <label>Selecione Sistema:</label> <select name="id_categoria" id="id_categoria"> <option selected disabled> --- Selecione o Sistema ---</option> <?php $consulta= ConexaoBD::conectar()->prepare("SELECT id_sistema, descricaos FROM public.cadastrar_sistema"); $consulta->execute(); while($row_cat_post = $consulta->fetch(PDO::FETCH_ASSOC) ) { echo '<option value="'.$row_cat_post['id_sistema'].'">'.$row_cat_post['descricaos'].'</option>'; } ?> </select> </div><!--form-group--> <div class="form-group"> <label>Selecione Padrão:</label> <span class="carregando">Aguarde, carregando...</span> <select name="id_sub_categoria" id="id_sub_categoria" > <option value="">--- Selecione o Padrão ---</option> </select> </div><!--form-group-select--> </div> <div class="pedido"> <div class="remover"> <label>Selecione Material:</label> <span class="carregando">Aguarde, carregando...</span> <select name="material[]" id="material"> <option value="">--- Selecionte o Material ---</option> </select> <input type="text" id="quantidade" name="qnt_solicitada[]" placeholder="Digite a Quantidade" > <button type="button" name="button" class="removedor">Remover Item</button> </div> </div> </div> <button type="button" name="button" class="clonador">Novo Item</button> <input type="submit" name="acao" value="Cadastrar!"> </form> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("jquery", "1.4.2"); </script> <script src="<?php echo INCLUDE_PATH_PAINEL ?>js/jquery-3.4.1.min.js"></script> <script type="text/javascript"> $(function(){ $('#id_categoria').change(function(){ if( $(this).val() ) { $('#id_sub_categoria').hide(); $('.carregando').show(); $.get('sub_categorias_post?search=',{id_categoria: $(this).val(), ajax: 'true'}, function(j){ html = $.parseHTML(j); j=JSON.parse(html[16].textContent.trim()); var options = '<option value="">Escolha Subcategoria</option>'; for (var i = 0; i < j.length; i++) { options += '<option value="' + j.id + '">' + j.nome_sub_categoria + '</option>'; } $('#id_sub_categoria').html(options).show(); $('.carregando').hide(); }); } else { $('#id_sub_categoria').html('<option value="">– Escolha Subcategoria –</option>'); } }); }); $(function(){ $('#id_sub_categoria').change(function(){ if( $(this).val() ) { $('#material').hide(); $('.carregando').show(); $.get('sub_categorias_post2?search=',{id_sub_categoria: $(this).val(), ajax: 'true'}, function(j){ html = $.parseHTML(j); console.log(html); j=JSON.parse(html[16].textContent.trim()); var options = '<option value="">Escolha Subcategoria</option>'; for (var i = 0; i < j.length; i++) { options += '<option value="' + j.id + '">' + j.nome_sub_categoria + '</option>'; } $('#material').html(options).show(); $('.carregando').hide(); }); } else { $('#id_sub_categoria2').html('<option value="">– Escolha Subcategoria –</option>'); } }); }); </script> <script> $(document).ready(function(){ $(document).on('click', '.clonador', function(e){ var elm_html = $('.pedido').html(); var counter = 0; //faz uma cópia dos elementos a serem clonados. e.preventDefault(); var elementos = elm_html.replace(/\[[0\]]\]/g, '['+ counter +']'); //substitui o valor dos index e incrementa++ counter++; $('#cadastro').append(elementos); //exibe o clone. }); }); $(document).on('click', '.removedor', function (event) { event.preventDefault(); $(this).parents('.remover').remove(); // navega até o pai com a classe pedido e remove ele inteiro }); </script> <?php die(); ?> </div><!--box-content-->

Perfeito Michael, precisei do botão para remover... muito Obrigado pela ajuda.. Agradeço.

Agradeço Pessoal pelas orientações.. resolvir usando JS. <div class="pedido"> <label>Selecione Material:</label> <select name="material[]" id="material"> <option selected disabled>--- Selecionte o Material ---</option> <?php $categoria = Painel::selectAll('tipo_material'); foreach ($categoria as $key => $value) { ?> <option value="<?php echo $value ['descricao'];?>"> <?php echo $value ['descricao']; ?> </option> <?php } ?> </select> <input type="text" id="quantidade" name="qnt_solicitada[]" placeholder="Digite a Quantidade" > </div> </div> <button type="button" name="button" class="clonador">Novo Item:</button> <input type="submit" name="acao" value="Cadastrar!"> </form> <script src="<?php echo INCLUDE_PATH_PAINEL ?>js/jquery-3.4.1.min.js"></script> <script> $(document).ready(function(){ var elm_html = $('.pedido').html(); //faz uma cópia dos elementos a serem clonados. $(document).on('click', '.clonador', function(e){ e.preventDefault(); var i = $('.pedido').length; //pega a quantidade de clones; var elementos = elm_html.replace(/\[[0\]]\]/g, '['+i+++']'); //substitui o valor dos index e incrementa++ $('#cadastro').append(elementos); //exibe o clone. }); }); </script> <?php die(); ?> </div><!--box-content-->

Willian, por gentileza, OK transformando em array, MAS uma vez que não sei quantas vezes o usuário vai duplica o input "quantidade" e "material" como faço no PHP.. por que pode ter quantidade[0] ou quantidade[10] em um único pedido

Boa tarde Pessoal e minha primeira vez aqui. e gostaria de uma ajuda. como posso salvar no banco o input adicionado pela função ONCLICK?? Encontrei essa ajuda aqui no fórum "(formulario[0][quantidade]) para que os inputs adicionados não fiquem com mesmo nome, porém ainda não conseguir salvar no banco, estou salvando apenas o principal. Resumindo, preciso salvar os pedidos de todos inputs e select adicionado pelo onlick. <div id="box" > <form id="teste" method="post"> <?php if(isset($_POST['acao'])){ $tipo_material = $_POST['material']; $quantidade = $_POST['quantidade']; // salvar no banco de dados! $gravar = new Painel(); $gravar->cadastrarItem($tipo_material,$quantidade); } ?> <div class="pedido"> <label>Selecione Material:</label> <select name="formulario[0] [material]" id="material"> --AQUI MOSTRA OS DADOS RETORNADOS POR UM CONSULTA AO BANCO COM FOREACH-- </select> <input type="text" id="quantidade" name="formulario[0][quantidade]" placeholder="Digite a Quantidade" > <input type="submit" name="acao" value="Cadastrar!"> </form> </div><!--pedido--> </div><!--box-->

Boa tarde Pessoal e minha primeira vez aqui. e gostaria de uma ajuda. como posso salvar no banco o input adicionado pela função ONCLICK?? Encontrei essa ajuda aqui no fórum "(formulario[0][quantidade]) para que os inputs adicionados não fiquem com mesmo nome, porém ainda não conseguir salvar no banco, estou salvando apenas o principal. Resumindo, preciso salvar os pedidos de todos inputs e select adicionado pelo onlick. <div id="box" > <form id="teste" method="post"> <?php if(isset($_POST['acao'])){ $tipo_material = $_POST['material']; $quantidade = $_POST['quantidade']; // salvar no banco de dados! $gravar = new Painel(); $gravar->cadastrarItem($tipo_material,$quantidade); } ?> <div class="pedido"> <label>Selecione Material:</label> <select name="formulario[0] [material]" id="material"> --AQUI MOSTRA OS DADOS RETORNADOS POR UM CONSULTA AO BANCO COM FOREACH-- </select> <input type="text" id="quantidade" name="formulario[0][quantidade]" placeholder="Digite a Quantidade" > <input type="submit" name="acao" value="Cadastrar!"> </form> </div><!--pedido--> </div><!--box-->