Jump to content
Richard.Ribeiro

Não alterar o select uma vez já selecionado

Recommended Posts

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-->

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Cesar Melo
      Olá. Gostaria de uma opinião sobre onde focar meus estudos para trabalhar com PHP.
      Atualmente tenho conhecimentos com a linguagem PHP, e os seguintes frameworks: Bootstrap e Jquery.
      Recentemente fiz um curso de Laravel+materialize e gostei muito desse framework. Meu primeiro contato com framework para backend e pretendo utilizar o Laravel daqui pra frente nos meus estudos.
       
      Minha questão é a seguinte, quero dar continuidade aos meus estudos para me qualificar para o mercado de trabalho, mas não sei exatamente os próximos cursos que vou estudar.
      Não sei se atualmente há uma combinação de frameworks mais utilizada ou requisitada no mercado de trabalho. Ex: Laravel+vue+bootstrap, ou laravel+angularjs+materialize, tipo isso.
       
      Dei uma pesquisada no google e youtube, e notei que não há muito conteúdo de cursos por exemplo de Laravel+angularjs.
      Procurando algumas vagas de emprego, notei que há grande procurar para profissionais com qualificação em Laravel, e tambem grande procura para profissionais com qualificação em AngularJs, porém vagas distintas. Acho que não vi nenhuma vaga que peça Laravel+AngularJs.
       
      Alguém aí pode me passar uma visão ou dar sua opinião sobre isso, para eu focar meus estudos? Alguém sabe o que andam usando bastante? Ou que seja indicado de trabalhar em conjunto com PHP?
       
      Ah, uma observação... atualmente meu foco são de projetos voltados para sistemas, admin, etc. Não tenho muito perfil para projetos de marketing ou que exijam um frontend "lindo". rsrs.
       
      Grato...
    • By Articulando
      Galera, seguinte. Estou tentando criar um evento em javascript que funciona da seguinte maneira; existem 5 checkbox na tela, ao selecionar dois checkbox os outros irão travar e não permitir o clique, se o usuário clicar novamente retirando a seleção de algum dos que foi selecionado ele volta a habilitar. Até então o código funciona blz, porém agora eu preciso fazer com que os dois primeiros checkbox contém como um único clique, ou seja, são 2 checkbox para travar, porém se eu selecionar o primeiro e o segundo eles contam como um, então eu o usuário poderia realizar outro clique em algum checkbox e ficariam 3 checkbox selecionados, porém isso só se aplica aos dois primeiros checkbox, caso não sejam eles é apenas dois cliques, se eles forem clicados o usuário pode escolher mais uma opção.
       
      o código atual está assim:
       
      <script type="text/javascript">
                  (function(){
                      "use strict";
                      var marcados = 0;
                      var verifyCheckeds = function($checks) {
                          if( marcados>=2 ) {
                              loop($checks, function($element) {
                                  $element.disabled = $element.checked ? '' : 'disabled';
                              });
                          } else {
                              loop($checks, function($element) {
                                  $element.disabled = '';
                              });
                          }
                      };
                      var loop = function($elements, cb) {
                          var max = $elements.length;
                          while(max--) {
                              cb($elements[max]);
                          }
                      }
                      var count = function($element) {
                          return $element.checked ? marcados + 1 : marcados - 1;
                      }
                      window.onload = function(){
                          var $checks = document.querySelectorAll('input[type="checkbox"][name="modalidades[]"]');
                          loop($checks, function($element) {
                              $element.onclick = function(){
                                  marcados = count(this);
                                  verifyCheckeds($checks);
                              }
                              if($element.checked) marcados = marcados + 1;
                          });
                          verifyCheckeds($checks);
                      }
                  }());
              </script>
       
       
      Quem conseguir me ajudar eu agradeço, preciso muito desse código rodando. 
    • By Gemenson Miranda
      Oi pessoal, estou com um problema na minha hospedagem LInux do Godaddy, publiquei meu site, fiz o apontamento correto do banco de dados, mas quando acesso a URL o site me exibe HTTP ERROR 500 exibe realizei a configuração do arquivo .htaccess, alterei as permissões para (755), nada disso resolve... A questão e que sempre que comento as informações de apontamento do banco de dados no arquivo index.php o site carrega normalmente, porem sem conexão com o bando mysql, o que me faz pensar que o erro pode esta relacionado ao banco mysql, porem não consigo visualizar o erro por que a tela fica toda branca e não retorna nada, como resolver esse erro ou ao menos exibir qual erro causa ele?? agradeço!
    • By TheRonaldoStar
      Oii, fala ae pessoal!!
      Alguém pode me ajudar com uma coisa por favor?;
      Seguinte!, eu anteriormente fiz uma pergunta aqui no fórum recorrente a isso, mas eu conseguir uma solução parcial.
      Que era, fazer uma listagem de todos os cadastros e fazer a junção dos cadastros com uma coluna igual, Ou seja existem duas colunas [DE e Para], que recebem o id de quem está recebendo ou que está enviando a mensagem, eu conseguir fazer a tal listagem por grupo mas o problema que estou tendo é: que so faz o agrupamento de as colunas contiver o id por ex: [De = "1" e Para ="2"].
      Atualmente estou usando a codificação deste Jeito:
       
      $sql_2 = $db -> prepare("SELECT * FROM privado WHERE (Para = '$Meu_id') Or (De = '$Meu_id') GROUP BY Para, De DESC"); $sql_2 -> execute(); Esta consulta como pode ver ele busca todos os cadastros que tenha o meu ID ou seja do usuário online!, Após a consulta ele vei obter em um "while" somente o [ Id_De eo Id_Para ] desta forma:
      while($dados_2 = $sql_2 -> fetch(PDO::FETCH_OBJ)){ $Id_De = ($dados_2 -> De); $Id_Para = ($dados_2 -> Para); } Mas em fim eu gostaria de saber como mostrar somente um resultado ou seja o ultimo resultado que tiver o meu ID em ambas colunas [ Id_De ou Id_Para ].
      Antes de vocês me recomendar a função DESC LIMIT 'valor' saiba eu quero que liste todos os usuários que enviou ou recebeu minha mensagem não somente 1 ou seja se eu mandar um mensagem para o usuário 2 e ele me retornar uma mensagem vai mostrar somente o ultimo registro que tenha o meu ID e o id dele.
       
      Atenciosamente,
      ~Ronaldo
       
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.